Membuat Buku Tamu Tersembunyi Di Blogger

Hai Teman-teman suryanjawa’s , saat ini surya akan bemberikan tutorial cara membuat buku tamu di blog, Buku tamu merupakan salah satu hal yang tak harus ada di blog kita, namun buku tamu bisa mempercantik blog kita. Selain itu pengunjung blog kita bisa dengan mudah menyapa kita sebagai admin (atau pengunjung lainnya),


Ok,tidak perlu panjang lebar, langsung saja ke TKP.
Panduan Cara Pasang Buku Tamu Tersembunyi Di Sidebar Blogger
Pertama-tama silakan buat akun di www.cbox.ws atau bisa juga paca halaman yg menyediakan widget chat.

Kemudian ambil script yang sudah di copy
Masuk Ke blogger teman-teman

Pilih html/javascript dan silakan copy kode di bawah ini:

<br /> <br /> <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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_lT1hA4bVbkY8HWXs9E3_YMX-0k-yGlHZRs7fQI10Qkhyphenhyphen5-0eKSS203MJGnRWgEMH7-UstDykUG19oK69EDaxQg2JTo-ptwbUYEsZco_e4il6WfP2B5TwBWz_uoy_wAqY1keedA4B1dM/s1600/bukutamu.png') no-repeat; } .gbcontent{ float:left; border:2px solid #A5BD51; background:#F5F5F5; padding:10px; } </style><br /> <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><br /> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <br /> Tempatkan kode yang di copy tadi disini<br /> <br /> <div style="text-align:right"> <a href=" http://suryanjawa.blogspot.com/2012/07/membuat-buku-tamu-tersembunyi-di-blogger.html">[Pasang Ini Juga ?]</a>><a href="javascript:showHideGB()"><br /> [Tutup]<br /> </a><br /> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></div> </div>

pada tulisan "Tempatkan kode yang di copy tadi disini" silakan teman-teman isi link yang teman-teman copy
nah setelah itu paste-kan di blog teman-teman masing-masing

selesai kan

Sekaian dari Surya
semoga membantu
^_^