Cara Buat Buku Tamu Melayang / Sembunyi

Assalamualaikum wr wb,

Hallo sobat sobat blogger,
Kembali lagi dengan Chibi Blog, yang sebelunya sudah share tentang Download Movie Maker.
Kali ini tidak share software, melainkan tips untuk sobat blogger, disini akan share bagaimana cara memebuat buku tamu di blog melayang atau sembunyi.

Langsung aja kita simak sobat blogger, berikut scrip tutorial nya :

1. Login akun blogger 
2. Tambah gadget
3. Tambah HTML/Java Script
4. Masukan kode dibawah ini

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:170px;
width:40px;
float:left;
cursor:pointer;
background:url('http://i1221.photobucket.com/albums/dd468/dwibenny81/bukutamu3.jpg') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #FF0000;
background:url('http://i1221.photobucket.com/albums/dd468/dwibenny81/matrix-animated-image.gif')repeat;
padding:15px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 40-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">

LETAKAN SCRIPT CHAT SOBAT

<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 = (40-gb.offsetWidth).toString() + "px";
</script></div> 

Jangan lupa ganti tulisan yang bewarna merah dengan script chat sobat masing masing.

Nah, itu dia scriptnya jangan lupa di save lalu lihat hasilnya
Semoga bermanfaat,

Wassalamualaikum wr wb.