Cara Membuat Buku Tamu Hiden Di Samping Kiri Blog

Salam,Kali Ini Saya Mau Menunjukan Cara Membuat Buku Tamu Yang Tersembunyi Di Samping Kanan Blog Kita,Buku Tamu Ini Berguna Buat Pengunjung Yang Mau Meninggalkan Pesan Untuk Kita.
Oke, Mari Kita Langsung Ke Cara Pembuatanya.

Ayo  ikuti langkah-langkah berikut ini.

1.  Login Blogger
2.  Klik Rancangan/Design
3.  Tambah Gadget / Add a Gadget
4.  Anda pilih HTML/javascript
5.  Masukan kode dibawah 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/AVvXsEiC7bRQAGPH55pbwAziY6oVPhVEKfkQvGES6LS_OMunqg7dgRL23E0ihB01jLRp9tV62UBf1BE8PJPCCK9exHttVjpP1DynLzemSlpG6JT5mUQW8V5ksqIhcSoKBkf_TU-Max20cxskXbGI/') 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 Shoutbox  Anda, Contact, Menu Dll Disini

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>



<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>