Tutorial Lengkap Menciptakan Buku Tamu Yang Melekat Di Sebelah Kiri Blog

Kali ini saya share wacana bagaimana cara pasang buku yang melekat di blog, tapi sebelum itu zobat daftar duluh ke website penyedia layanan Buku Tamu ibarat sini cara daftar akun di cbox tapi bila sahabat sudah punya eksklusif aja ke tahap yang selanjutnya.
dari pada basa kedaluwarsa eksklusif aja kita lihat cara menciptakan buku yang melekat di sebalah kiri pada blog.
kira-kira gambarnya ibarat ini:

1.Masuk dulu ke blog sahabat melalui www.blogger.com
2.Setelah muncul jendela dasbor klik desain
3.Klik tambah gadget/html java script
4.copy pastekan instruksi beikut ini:

<style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:100px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgONfnYG1-DvyV-oiern9szvuDjF84D5rQE_ZmKVEJCWmEer6UBiG3Hvy3xnlMknhhYkARk6AtTkAAERczXW2gYPePhTwKuxZapWcXbE5YcCuc8RYcDJh_iMPcXyMp1qgk0elnFNlD55Zq1/') 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"> <--------------Masukkan instruksi script buku tamu anda disini--------------> <div style="text-align: right; font-size: 10px;">               Widget by               <a href="http://tipstrik-be.tk/search?q=cara-mudah-daftar-di-cbox">                   Belajar dari internet               </a>           </div> <div style="text-align:right"> <a href="javascript:showHideGB()"> [tutup] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

Keterangan : 
ganti goresan pena yang berwarna merah dengan instruksi widget buku tamu anda
kode yang berwarna orange adalah posisi bukutamunya semakin kecil nilai angkanya maka semakin tinggi letak buku tamunya ,sebaliknya semakin besar nilai angkanya maka semakin kebawawah letak buku tamunya