Cara Membuat Chat Box Melayang

Sobat blogger pasti sudah tahu apa yang dimaksud Chat Box atau buku tamu. Itu lho yang bisa buat nulis chat and ngobrol sesama blogger. Tapi kali ini lain, saya akan share cara membuat chat box yang melayang.
Kalo sobat belum tahu yg mana, yang saya maksud yang seperti:

Nah, pengen tau ga scriptnya?
Nih scriptnya:

<style type="text/css">
.gb_fixed{
position:fixed;
top:0px;
right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:2px solid #004831;
background:#000000;
padding:10px;
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style="color:red">[ Tutup ]</b></a></div>

<!-- Begin ShoutMix - http://www.shoutmix.com -->

<iframe title="madara_69" src="http://www.shoutmix.com/?madara_69" width="160" height="400" frameborder="0" scrolling="auto">

<a href="http://www.shoutmix.com/?madara_69">View shoutbox</a>

</iframe>

<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />

<!-- End ShoutMix -->

</td></tr></table>
</div>
<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" style="border:0px" src="http://i915.photobucket.com/albums/ac357/adiluvdv/buku-tamu_03.gif"/>
</a>
</div>

Caranya:

Copy script.
Yang warnanya merah diganti dengan code chat box kamu.
Yang warnanya hijau bisa diganti dengan gambar yang kamu sukai.
Kalau sudah diedit, copas script yang sudah diedit tersebut ke rancangan>elemen laman.

Gampang kan, semoga berhasil.