Buku Tamu (Hidden) di Kanan

               Cara menyembunyikan gadget adalah salah satu cara untuk membuat gadget buku tamuagar tidak memakan tempat. Bagaimana Cara menyebunyikannya?, Di posting ini saya akan mejelaskan cara untuk menyebunyikan Gadget Buku Tamu. Berikut Caranya:

• Masuk ke Akun Blogger anda.
• Klik Menu Tata Letak dan Add Gadget HTML.
• Masukan Script Berikut:

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:125px;
width:43px;
float:left;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgELMivP3YP8Bf2Tru5zJDq66i7xMqJBxB8ACIx5vCwKWdfqnfWkWMqn5Lw-RpGDhu4Cv0hS4XlzGJru6WA8bzigzuneGcRBrhE3wOHcVuqUoBuVX7ZjKU8D1bNGWAD5YFePUo9I61f6qsi/s1600/Buttonfac.png.png') no-repeat;
}

.gbcontent {
float:left;
border:2px solid #A5BD51;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #F2F2F2;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 40-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+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>
Masukan Script Cbox Anda>
<br />
<div style="text-align:center">
<span style="float:left;font:italic 10px Arial, Sans-Serif; color:#3D3D3D;"><a target="_blank" href="http://your-belajarblog.blogspot.com/2013/01/cara-membuat-gadget-buku-tamu.html">.:Get Widget:.</a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (40-gb.offsetWidth).toString() + "px";
</script>

</div>

• Klik Tombol Simpan.

Keterangan:

1. Ganti Tulisan Masukan Script atau Kode Buku Tamu Anda  dengan Kode Buku tamu anda. 
2. Terus buat top:100px; itu buat mengatur posisinya, semakin besar nialinya semakin kebawah chat boxnya .
3. Lalu buat background:url itu buat mengganti tabnya sob silahkan diganti mau memakai warna apa.