Cara Memasang Float ChatBox DiBlog

Assalamualaikum wr wb,

Halo sobat Fullka Dot kali ini saya akan membahas Cara memsang ChatBox Hide Show berada di kanan blog anda.Sebelumnya saya minta maaf ya karena blog ini berpindah,hal itu karena alasan domainnya terlalu pangjang,sehingga susah dihapal jadi saya ganti aja menjadi rizkyariff.langsung aja deh cekidot.......

1.)Klik Rancangan pada beranda blogger.
2.)Pada Elemen Laman, Klik Tambah Gadget.
3.)HTML/JavaScript HTML/JavaScript Tambah Klik gambar seperti disamping
4.)Copykan kode dibawah ini

<style type="text/css">
.gb_fixed{position:fixed;
top:60px;
right:-4px;
z-index:+10;
-moz-border-radius:3px;
border-radius:3px
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {display:none;
border:1.5px solid #cccccc;
-border-radius:5px;
background:#000000;
padding:10px;
padding-top:0px;
-moz-border-radius:5px;
border-radius:5px;
}
</style>

<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div>
<a href="javascript:void(0)" onclick="gb_showHideGB()"><img src="http://lh4.ggpht.com/_oFXd4wU3lK8/TSQrWfZqfnI/AAAAAAAAADQ/OzM7TygiCdM/Close.png" title="Click to Close"/></a></div>

LETAKAN KODE HTML CHATBOX ANDA

<div>
<center><blink><a href='http://rizkyariff.blogspot.com/2011/12/cara-memasang-float-chatbox-diblog.html' target='_blank'>Get This Widget</a></blink>
</center></div>
<center>
</center></td></tr>
</table>
</div>
<script src="http://yourjavascript.com/21261405011/cbox-bitexp.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()"><img style="border:0; cursor:pointer" src="http://lh4.ggpht.com/_oFXd4wU3lK8/TTe7ZFV0vII/AAAAAAAAAD4/ZFesT6A_s2c/Chatbox.png" alt="Widget By: Fullka Dot" />
</a></div>