Cara Membuat Buku Tamu Melayang Tersembunyi

Anda sudah tahu buku tamu bukan ? Buku Tamu pada blog biasanya untuk chat sesama visitor, meninggalkan jejak di cbox dan masih banyak lagi....Pada widget buku tamu pasti sering di taruh pada sidebar dan hal itu dapat membuat tempat blog kita menjadi penuh

Nah agar tempat blog kita tidak penuh karna ada widget buku tamu pada blog adalah Cara Membuat Buku Tamu Tersembunyi Pada Blog, Untuk itu kita langsung saja ke tutorialnya langsung :

1. Login di blogger dengan ID anda.
2. Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.
3. Lalu Copy kode berikut dan Pastekan Pada kotak HTML

<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://faiisol.blogspot.com/ ') 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 disini kode Shoutbox Anda>
<div style="text-align: center;"><span style="font-size: 10px;"><span style="font-family: &quot;Trebuchet MS&quot;,sans-serif;">Supported by <a href="http://alfadlys.blogspot.com/" target="_blank">Alfadlys</a></span></span></div><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>

4. Simpan dan Lihat hasilnya !!!!

Tambahan

Ganti tulisan < Letakkan disini kode Shoutbox Anda> dengan kode script buku tamu anda.

Demikian artikel tentang Cara Membuat Buku Tamu Melayang Tersembunyi

Semoga bisa bermanfaat bagi anda semua !!

  Sumber  : http://alfadlys.blogspot.com