Membuat Buku Tamu Tersembunyi

hai sobbbb
kali ini saya akan membahas tenteng buku tamu
tapi kali ini berbeda.. pada pembahasan sebelumnya yaitu Buku Tamu Tersembunyi
buku tamunya tersembunyi di bagian kanan pada blog..
tapi kali ini saya coba untuk membuatnya tersembunyi di kiri..
dan hasilnya bisa anda liat dengan memasang kode buku tamu pada pembahasan kali ini..

berikut langkah-langkahnya:

* masuuk BLOGGER Anda
* Pilih layout/tata letak
* Tambah Gadget
* Pilih HTML/JAVASCRIPT.
* Paste script di bawah ini

<style type="text/css">
#gb{
position:fixed;top:100px;z-index:+1000;}
* html #gb{position:relative;}
.gbtab{height:128px;width:35px;
float:right;
cursor:pointer;background:url('http://i1198.photobucket.com/albums/aa452/azlan20/Guest3.gif?t=1304153032') no-repeat;}
.gbcontent{float:right;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.left = x.toString() + "px";if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}}
</script><div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div><div class="gbcontent">

<div style="text-align: center;">

LETAKKAN KODE ANDA DI SINI

<div style="text-align:left"><a href="javascript:showHideGB()">
</a></div></div></div>
<script type="text/javascript">var gb = document.getElementById("gb");
gb.style.left = (30-gb.offsetWidth).toString() + "px";
</script></div>

* kemudian simpan

gampangkan..!! selamat mencoba ya..
semoga bermanfaat..
<a href="http://www.mylivesignature.com" target="_blank"><img src="http://signatures.mylivesignature.com/54489/267/32FDC3581B739BB344CF770B09776FE6.png" style="border: 0 !important; background: transparent;"/></a>