Cara Mudah Membuat Buku Tamu untuk Blogger dengan penampilan melayang

A.  Membuat sebuah Buku Tamu

         1. Buat Account di sebuah situs buku tamu gratisan misalnya http://www.cbox.ws atau di http://www.soutmix.com
         2. dapatkan kode html buku tamu tersebut, lalu catat/ingat/copy-paste kode tersebut

B. Menampilkan Buku Secara Melayang

         1. Login ke Blogger, lalu pilih blog yang akan dipasang buku tamu
         2. klik rancangan
         3. klik tambah gadget
         4. pilih tambahkan kode html
         5. masukkan kode berikut

<!-- Begin Show Hide Floating - http://www.aksesorisblogs.blogspot.com --> <style type="text/css"> #hitsukeFX{ position:fixed; top:50px; z-index:+1000; } * html #hitsukeFX{position:relative;} .hitsukeFXtab{ height:200px; width:50px; float:left; cursor:pointer; background:url('http://i29.tinypic.com/11iz4ec.jpg') no-repeat; } .hitsukeFXcontent{ float:left; border:2px solid #d9e3ff; background:#ffffff; padding:10px; } </style> <script type="text/javascript"> function showHidehitsukeFX(){ var hitsukeFX = document.getElementById("hitsukeFX"); var w = hitsukeFX.offsetWidth; hitsukeFX.opened ? movehitsukeFX(0, 40-w) : movehitsukeFX(40-w, 0); hitsukeFX.opened = !hitsukeFX.opened; } function movehitsukeFX(x0, xf){ var hitsukeFX = document.getElementById("hitsukeFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hitsukeFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movehitsukeFX("+x+", "+xf+")", 10);} } </script> <div id="hitsukeFX"> <div class="hitsukeFXtab" onclick="showHidehitsukeFX()"> <center><b><span style="color:white;"><br/>G<br/>u<br/>e<br/>s<br/>t <br/><br/><br/>B<br/>o<br/>o<br/>k </span><span style="font-size:130%;color:white;"></span></b></center></div>  <div class="hitsukeFXcontent"> <b>GANTI INI DENGAN KODE HTML BUKU TAMU YANG SUDAH ANDA DAPATKAN</b><br/> Mw Guest Book yg Seperti ini..??<br/> Klik di <a href="http://www.teropongku.co.cc/2011/02/cara-mudah-membuat-buku-tamu-untuk.html"target="new"> Membuat Show Hide floating Guest Book </a> <div style="text-align:right"> <a href="javascript:showHidehitsukeFX()"> [close] </a> </div> </div> </div> <script type="text/javascript"> var hitsukeFX = document.getElementById("hitsukeFX"); hitsukeFX.style.right = (40-hitsukeFX.offsetWidth).toString() + "px"; </script> <!-- End Show Hide Floating - http://www.teropongku.co.cc-->
6. ganti tulisan "GANTI INI DENGAN KODE HTML BUKU TAMU YANG SUDAH ANDA DAPATKAN" dengan kode html bukutamu yang sudah anda dapatkan
7. klik save
8. Buku tamu akan tampil di sebelah kanan blog anda