Cara membuat chat box (shoutmix) melayang pada blog/di blog

Anda ingin Mau Chat box melayang??tenang aja dulu!!!hehehe.. apa arti dari Chat Box Anda Tahu gak??

Kalau gak tahu.Chat Box Adalah chat yang bisa di gunakan untuk blogger, Wordpress, And Joomla.

ayo langsung aja di coba:

1. Masuk ke Blogger dengan ID dan Pass kalian
2. Klik Rancangan
3. Klik Tambah Gadget
4. Cari yang Tambah Halaman HTML / Javascript
5. Taruh kode yang ane kasih di spongiler ini gan ... perhatikan ya gan !!!

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:200px;
width:80px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx2oPpObKLICvXUA666wDLq78P8B4izJcZxDZu_cbjx8vFl9UjIA92z5ZZkeAUXxyfOo1_u0msFuc0XD5TPmafJ1rUETbgmOQl9b6WcsP_HE5JuPorq1qsqgWYDsuhAj5RrEF7nKijvLdR/h120/Anim+Cbox.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">

Kode Chatbox atau Shoutmix kalian taruh disini

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

6. Kalo udah semua ditaruh di tempat yang disediakan tadi ... Save gan .. dah jadi tuh .. Selamat mengerjakan aja .. Monggo .