Cara membuat buku tamu di blog

blog bagaikan sebuah rumah ,nanh tergantung penghuni nya mau di bagaimanakn rumah tersebut,nah ibarat rumah blog juga butuh di renofasi hingga membuat blog tersebut menjadi lebih indah nah salah satunya di sediakan nya buku tamu di blog tersebut seperti contoh buku tamu yang ada di pojok kanan atas...nah untuk cara pembuatanyan

1. Sobat harus loggin dulu ke Blogger.com
2. Masuk Rancangan>>tambah gadget>>Pilih HTML java script
3. Lalu masukkan kode script berikut di dalam nya
berikut Kode Script nya
<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative+} .gbtab{ height:100px; width:30px; float:left; cursor:pointer; background:url('http://i1136.photobucket.com/albums/n499/Mahfid_Mayanto/buku-tamu.gif') no-repeat; } .gbcontent{ float:left; border:2px solid #A5BD51; background:#F5F5F5; padding:10px; } </style> <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> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <center> TARUH KODE SCRIPT  SHOUTH BOX NYA DI SINI</center> <div style="text-align:right"> <a href="http://karinafotocollection.blogspot.com/2012/01/cara-membuat-buku-tamu-di-blog.html"> [Pasang Widget] </a>|<a href="javascript:showHideGB()"> [tutup] </a> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></div>
4. lALU SAVE

PERHATIAN: untuk mendapat kan kode script Shoutbox nya  klik aja di sini .
jika postingan ini bermanfaat jangan lupa masuk kan komentar