Cara Membuat Buku Tamu Yang Tersembunyi

    Assalamualaikum Wr.Wb
Mau berkunjung ni,koq gak ada buku tamunya sih...???,e..ternyata tersembunnyi di sisi samping blog ....!!! sobat mau tahu cara memebuat buku tamu tersembunyi seperti itu mari kita praktekan bersama-sama bagaimana cara membuat
buku tamu yang tersembunyi....???

1. Sign in ke blogger dan silahkan Login dengan Account Anda
2. Pilih Rancangan/Tata letak
3. Pilih Page Elemen/Elemen Halaman
4. Klik Add a Gadget/Tambah Gadget
5. Lalu pilih "HTML/JavaScript"

Kemudian 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('http://i37.tinypic.com/345o85i.gif') 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 SHOUTMIX/CBOX ANDA DI SINI

<br/>
Anda ingin membuat buat Buku Tamu seperti ini?<br/>
Klik di
<a href="http://www.ilham-am.co.cc/2011/01/cara-membuat-buku-tamu-yang-tersembunyi.html">
sini </a>

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

</div>

</div>

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


Kalu sudah tinggal lihat hasilnya di blog soba...ets lupa jangan lupa seperti saya kalau udah seperti itu di save you.....

Wa'allaikumsalam Wr.Wb