Elmans blogger

Yang terdahulu telah saya posting artikel Mudahnya Membuat Buku Tamu dengan background lagu Melayang di Joomla, namun pada kesempatan ini saya mencoba menerapkannya di blogspot. Untuk pemasangan buku tamu di blogspot ini berbeda dengan pemasangan di blog yang berbasiskan joomla. Kalau di blogspot anda cukup dengan menambahkan widget, jadi lebih mudah dan sederhana. Adapun langkah-langkahnya sbb:

1.login ke blogger dengan id anda
2.klik design/rancangan
3.klick Add a Gadget
4.pilih dan tambahkan HTML/JavaScript Add
5.copy/paste kode css dibawah ini:

<style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:30px; float:left; cursor:pointer; background:url("https://i1244.photobucket.com/albums/gg571/denbaguse4/animasi/BukuTamuo3.gif") no-repeat; } .gbcontent{ float:left; border:2px solid #A5BD51; background:#ADC93E; padding:10px; } </style><br /> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script><br /> <div id="gb"><div class="gbtab" onclick="showHideGB()"></div><div class="gbcontent"><br /> <br /> <b>





<div style="color:; text-align: center;">

<!-- BEGINS: AUTO-GENERATED FFMP3 CODE -->

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="130" height="60" bgcolor="#FFFFFF">

<param name="movie" value="https://sites.google.com/site/elmansbloger/galeri/ffmp3-tiny.swf" />

<param name="flashvars" value="url=https://sites.google.com/site/budayajambi/lagu-jambi/Tanah-Jambi_lagujambi.mp3&volume=50&autoplay=true&traking=true&jsevents=false&buffering=5&title=My%20Streamings&welcome=Good%20listening" />

<param name="wmode" value="window" />

<param name="allowscriptaccess" value="always" />

<param name="scale" value="scale" />

<embed src="https://sites.google.com/site/elmansbloger/galeri/ffmp3-tiny.swf" flashvars="url=https://sites.google.com/site/budayajambi/lagu-jambi/Tanah-Jambi_lagujambi.mp3&lang=en&codec=mp3&volume=50&autoplay=true&traking=true&jsevents=false&buffering=5&title=My%20Streamings&welcome=Good%20listening" width="130" scale="scale" height="60" wmode="window" bgcolor="#FFFFFF" allowscriptaccess="always" type="application/x-shockwave-flash" />

</embed></object>

<!-- ENDS: AUTO-GENERATED FFMP3 CODE -->

</div>





<div align:'center'>

KODE CBOX atau SHOUTMIX SOBAT



</div>

<div><script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (35-gb.offsetWidth).toString() + "px"; </script></div></b></div></div>

6.Selanjutnya Save/simpan
7.Selesai dan lihat blog anda sekarang !

Catatan:
*Ganti kode CBOX dengan CBOX atau SHOUTMIX punya kamu
*Ganti url lagu dengan url lagu/mp3 yang kamu inginkan dan volumenya bisa kamu
ubah dari 10 s/d100
*Widget sebaiknya jangan diberi judul.

Dan bila berhasil tampilan blog anda di browser pojok kanan atas, akan serupa di bawah ini: