Cara Pasang Buku Tamu Tersembunyi / Hidden ShoutBox

Cara Pasang Buku Tamu Tersembunyi / Hidden ShoutBox

Cara Pasang Buku Tamu Tersembunyi / Hidden ShoutBox ini mudah untuk dilakukan, langkahnya hampir sama dengan Cara memasang Widget Facebook atau widget lain yang biasa kita lakukan
Berikut Langkahnya.

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/AVvXsEi-yrA2fy5X93Dsc-QIE3ZMsZpjA64gP9TXFZ60NozD8aV0TzYgOVvxkWEH442c_O7Mlv-vP9BgQ3g1Bpl79fyohDgc-4HFbIGdNfPnKJBcujfNMtSpsPvoCf9FDlUwgL6kYEWldUiGd4u3/') 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://rangga-hadi.blogspot.com/2010/02/cara-pasang-buku-tamu-tersembunyi.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. Simpan dan Selesai