Cara Menyembunyikan Buku Tamu

Bagi kawan Blogger yang blognya sudah terlalu banyak pernak-pernik dan kesulitan untuk menambah widget baru lagi, padahal sangat bermanfaat untuk blog, ini ada cara menyembunyikan Buku tamu atau shoutmix seperti tampilan pada kanan pojok blog ini, bila ada pengunjung yang mengkliknya maka buku tamunya akan terbuka. Smart dan indah, lumayankan dari pada berantakan dan membuat tampilan blog jadi amburadul. Oke ini dia caranya Sembunyikan shotbox atau Buku Tamunya seperti 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/AVvXsEho6blYQWWzdUh2nfsQjs_-ROOb7AAQr7zbjTqvaRiwe32sqtNAQFfjH9MTbL697q-36r8wTO_aaejwoMR-IqQ34Y-9Mj5iphy9uJWQAc49K-yxwfSdOe5TnqC-bCToEpI2PGFgzZdipWcG/') 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">
<font size="2"><a href="http://crusaderzerone.blogspot.com/2011/08/cara-menyembunyikan-buku-tamu.htmll">crusaderzerone.blogspot.com</a>
<div style="text-align:right">
<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>

• selanjutnya Sobat juga bisa atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah Anda.
• Atau Anda Juga Mau Rubah Gambar https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho6blYQWWzdUh2nfsQjs_-ROOb7AAQr7zbjTqvaRiwe32sqtNAQFfjH9MTbL697q-36r8wTO_aaejwoMR-IqQ34Y-9Mj5iphy9uJWQAc49K-yxwfSdOe5TnqC-bCToEpI2PGFgzZdipWcG/  sesuai selera, silahkan bikin dulu dengan Photoshop atau corelDRAW, Lalu simpan di photobucket dan gantilah gambar tersebut sesuai alamat penyimpanan.
• Jangan Lupa disimpan

Semoga Membantu..!