MEMASANG BUKU TAMU

Hi... Ketemu lagi dengan Kali Ini catatan saya berjudul Cara Buat Buku Tamu atau cara membuat buku tamu bisa menempel di sisi Blog, kenapa sampai saya merekomendasikan tampilan seperti "Buku tamu menempel di Blog", alasannya untuk menghemat tempat apalagi mungkin ada beberapa rekan blogger mempunyai banyak iklan di blognya nah anda bisa menyisipkan iklan di blog anda juga persis di bawah chat Box atau buku tamu,
 

oke langsung saja biar ga keburu basi walaupun sebenarnya sudah basi tapi ga apalah sekedar turut meramaikan judul postingan Cara Buat Buku Tamu di Blog  na di bawah ini adalah script kode html buku tamu yang nantinya anda gunkan untuk membuat Buku Tamu menempel di sisi Blog langsung di Copaz kodenya teman. et tunggu dulu...!

sebaiknya mmungkin saya pandu dulu yah step by step membuat buku tamu di blog menempel mari kita mulai:

1. Masuk ke Blog yang anda punya , lalu pilih Design/Rancangan
2. Add widget/tambahkan widget Html/JavaScript
3. Nah setelah itu...   Copy Code di bawah ini

<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/AVvXsEim-V8OX_exZ04yqJ7L0G9c54IqpqlAX_SDRxcmKhEXtI0zVpr1PHOFhtNcYC5yIN3Dn5vooFa4CIRqwUmlCCpnjDF9KvN3yWWzOu4nl1cABDIwHAbONulg8aCBmzesVQFczUCEqKBoGtH1/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">   <!-- BEGIN CBOX - www.cbox.ws - v001 --> Code CBox milik sampeyan <!-- END CBOX -->  <br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://tjoretan-akoe.blogspot.com/2012/05/panduan-cara-membuat-buku-tamu.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>