Cara Menbuat Buku Tamu Di Blogger | Pernak Pernik Blogger

Salah satu cara untuk meningkatkan pengunjung di blog kita adalah dengan cara blog walking biasanya untuk itu kita memerlukan buku tamu agar lebih gampang dan simpel berkenalan atau memperkenalkan blog kita nah kali ini saya akan membahas bagaimana cara membuat buku tamu di blog dan apa bila kamu mengikuti cara-cara di bawah ini dengan benar makah hasilnya pasti sempurna dan apa bila ada yang ingin di tanyakan silahkan berikan komentar . langsung saja.

1. Buka Akun Blog dengan ID Sobat
2. Klick Tata Letak dan Pilih Tambah Gadget
3. Pilih html/javascript dan Copy Paste kode di bawah ini
   
   
   <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/AVvXsEjeG7RybtNOrE51hJcWC9k914yVtNrIuB5Cv9lbgPw3GXnTVMfMF87JEACrGcmJhpmMtjFe0ifZhpK7tmxLTy2d-gHI8FP-tkUzQEMDmhkN4mTGvXw3SHCWuWu5Ou-5IEfncoRpnZNlnLQH/') 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">
   
   Letakkan kode buku tamu / ShoutBox Sahabat disini
   
   <div style="text-align:right">
   <a href="http://ninja-hitam.blogspot.com/2011/05/cara-menbuat-buku-tamu-di-blogger.html">[get this widget]</a>><a href="javascript:showHideGB()">
   [close]
   </a>
   </div>
   </div>
   </div>
   <script type="text/javascript">
   var gb = document.getElementById("gb");
   gb.style.right = (30-gb.offsetWidth).toString() + "px";
   </script></div></div>
4. Silahkan atur sendiri tingginya (posisi widget dari atas) dengan mengganti nilai 50px sesuai dengan keinginan sahabat, dan ganti kalimat yang warna merah dengan script/kode Buku Tamu Sahabat, dan langkah terakhir,
5. Untuk membuat ShoutBox nya silahkan Kunjungi ini { http://cbox.ws }
6. Simpan dan Selesai