Buat Buku Tamu di Blog

Mungkin Buku Tamu di Blog sangat umum bagi kita, apalagi bagi pembloger-pembloger seperti kita. Seperti yang kita ketahui Buku tamu di Blog sangat banyak dan beraneka macam bentuknya.  Walaupun begitu semuanya mempunyai fungsi yang sama yaitu untuk memudahkan pengunjung untuk mengisi pesan, saran ataupun yang lainnya. Dengan begitu kita juga mengetahui siapa saja yang pernah singgah ke Blog kita. Nah, kini saya buat tutorial
Buku Tamu dengan bentuk auto hide disebelah kanan atas. Dari pada lama-lama membaca,

Langsung saja ikuti tutorial berikut ini:

1. Seperti biasa masuk ke akun Blog ya,
2. Masuk ke Tata Letak,
3. Tekan Tambah Gadget,
4. Klik opsi HTML/JavaScript,
5. Copy data berikut:
 <style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijTlB538FZhuva1Ruw9wlebpdq-SwzcHNJRsT1YBQHzZ8ZATMsJC0HIiJJm37I2hmLQ2R6Hn8iMUd_F2Nb6dPCGGZVuvitZb_v91dBrK-TiLZhDGD9jS0-JzWj4pBaJctSegxDSYhPVJA/s1600/buku+tamu.png') no-repeat; } .gbcontent{ float:left; border:1px solid #B3B3B3; background:#E6E6E6; padding:5px; } </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">   GANTI DENGAN CODE ANDA  <br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://benyphataz.blogspot.com/2013/01/buat-buku-tamu-di-blog.html"target="_blank"> di sini </a> <div style="text-align:right"> <a href="javascript:showHideGB()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script> 
6. Silahkan ganti tulisan yang berwarna merah dengan kode yang sobat peroleh,
7. Jika belum punya, silahkan Registrasi dulu ke Cbox. Gratis kog, Tenang,
8. Silahkan ikuti petunjuk-petunjuk yang tertera, (Kode berada di Publish)
9. Salin Kalimat yang bewarna merah,
10. Simpan,
11. Lihat hasilnya

"Dukung Terus Blog Kami"