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

Cara Membuat Buku Tamu Melayang & Sembunyi Di Kanan Atas Blog | Tips Blogspot | Buku Tamu Melayang Di Blog - Posting kali ini kolom blog gratis akan membahas cara  Membuat Buku Tamu Melayang Dan Tersembunyi Di Kanan Atas blog, Membuat buku tamu itu penting karena disitulah para blogger saling menyapa dan memberikan pendapatnya mengenai blog sobat. 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, sobat menjadi tahu siapa saja yang sudah berkunjung di blog sobat. Dan tidak hanya itu buku tamu bisa berfungsi sebagai chatting ( komunikasi ) antara sobat pemilik blog dengan pengunjung, Berikut ikuti langkahnya :

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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8ucrc327AriyLPEJnCXUDXeRUw6dY1SgS0cCWsEhw7Sxlc4G2Zcc6X3_mMK3nqwEPnP7D2RoLxge6ecj0S7lbvh3iuuQFcxY-L7ciWLfs1c03coDZIxRBvysOScDsxMf-fMK5YZQ0xwI/s1600/ChatBox-.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


7. Selesei.

Catatan Penting!!! Jangan satukan dengan Iklan Melayang karena akan menjadi kacau balau, Semoga Cara Membuat Buku Tamu Melayang & Sembunyi Di Kanan Atas Blog | Tips Blogspot | Buku Tamu Melayang Di Blog bisa bermanfaat dan tambahkan jaring teman diKolom Blog GRATIS,...