Cara Membuat Buku Tamu / Guestbook Auto Hidden Terbaru

Widget guestbook atau lebih dikenal dengan buku tamu merupakan sebuah widget yang berfungsi untuk meninggalkan pesan  yang diberikan visitor ke blog anda, widget ini letaknya akan tersembunyi di bagian kanan blog anda, namun ketika pointer mouse di arahkan ke tulisan widget yang bertuliskan buku tamu, widget ini akan otomatis muncul dan ketika pointer mouse di dekatkan sekali lagi dengan tulisan widget tersebut dia akan otomatis terhiden lagi, tujuannya di buat auto hiden adalah agar ruang di blog anda tidak banyak terpakai dan membuatnya rapih. Ok untuk anda yang berminat langsung saja simak langkah" untuk membuatnya ;

1. untuk membuat buku tamu tersebut sudah pasti anda harus memiliki widget buku tamu terlebih dahulu jika anda belum mempunyainya silahkan anda daftar dan membuatnya di http://www.cbox.ws/
   jika anda bingung cara untuk membuatnya silahkan baca Cara Membuat Buku Tamu Di Blog
2. login ke blog anda
3. Pilih tata letak ===> tambah Gadget ====> HTML/Java script
4. Masukan code script berikut ke dalamnya
5. jika sudah silahkan di save

<style type="text/css"> #gb{ position:fixed; top:20px; z-index:+1000; }* html #gb{position:relative;} .gbtab{ height:150px; width:50px; float:left; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcK2SyzCpty-P8c2hT-Ins5mSZE1e3fbJDnWC5HTSSc2bCus5U9ozzzAqrCyCvMJ6l3oQI0_xbNbnf5GLEoCBjC7-YNn0kuecMhtGrdTuJ4fy35zYlc9jDAcykXc9yRD76Mtn7HSisXGk/s1600/buku+tamu.png') no-repeat; } .gbcontent { float:left; border:1px solid #000000; -moz-border-radius-bottomleft:5px; -webkit-border-radius-bottomleft:5px; -o-border-radius-bottomleft:5px; -khtml-border-radius-bottomleft:5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; background: #F2F2F2; url() no-repeat bottom; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0); gb.opened = !gb.opened; }function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);} }</script> <div id="gb"> <div class="gbtab" onmouseover="showHideGB()"> </div> <div class="gbcontent"> <center> Letakkan kode script buku tamu disini <br /> <div style="text-align:center"> <span style="float:right; color:#000000;">Get this <a target="_blank"href="http://bloggerbondowoso24.blogspot.com/2013/03/cara-membuat-buku-tamu-tersembunyi-di.html"> widget: </a></span> </div> </center> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (50-gb.offsetWidth).toString() + "px"; </script> </div> <br>

 PENTING...!!!!! Tulisan yang bertuliskan " Lerakkan kode script buku tamu disini " silahkan di ganti dengan kode script buku tamu anda, untuk mempermudah pencarian silahkan copy dulu script di atas dan pastekan pada notepad lalu tekan F3 untuk mencari