Membuat Buku Tamu Melayang & Sembunyi Di Kanan Atas Blog | Tips Blogspot | Buku Tamu Melayang

Posting kali ini kolom blog gratis akan membahas cara  Membuat Buku Tamu Melayang & Tersembunyi Di Kanan Atas blog, Membuat buku tamu itu penting karena disitulah para blogger saling menyapa dan memberikan pendapatnya mengenai blog kita. Namun salah satu yang bikin masalah yaitu mencari peletakanya. Kadang para blogger binggung memasangnya dimana. Nah kalo masalah itu ada solusinya yaitu memasang Buku tamu yang melayang. Maka dari itu sebelum memasang ini harus diperhitungkan juga masalah kecepatanya. fitur buku tamu ini sangat disarankan untuk dipasang. Hal ini dikarenakan dengan adanya buku tamu, anda menjadi tahu siapa saja yang sudah berkunjung di blog anda. Dan tidak hanya itu buku tamu bisa berfungsi sebagai chatting antar pemilik blog dengan pengunjung.

1. Daftar ke Shoutmix untuk dapatkan kode buku tamu.
2. Masuk / Login ke blogger dengan ID sobat.
3. Pilih ke menu Rancangan ( Element laman ).
4. Pilih Tambah Gadget - Pilih HTML / Javascript.
5. Copy paste kode html dibawah ini :
   <style type="text/css">
   #gb{
   position:fixed;
   top:60px;
   z-index:+1000;
   }
   * html #gb{position:relative;}
   
   .gbtab{
   height:100px;
   width:30px;
   float:left;
   cursor:pointer;
   background:url('http://i1089.photobucket.com/albums/i348/mh120/sHOUTBOXwwwkolombloggratisblogspotcom.png') no-repeat;
   }
   .gbcontent{
   float:left;
   border:3px solid #000000;
   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">
   
   << Paste Kode Buku Tamu Sobat Disini >>
   
   <div style="text-align:right">
   <a href="http://kolombloggratis.blogspot.com">
   [Free ShoutMix]
   </a>
   </div>
   </div>
   <script type="text/javascript">
   var gb = document.getElementById("gb");
   gb.style.right = (30-gb.offsetWidth).toString() + "px";
   </script></div>
6. Kemudian Klik simpan - Selesei.