Cara Membuat Chat Box di Pojok Blog

Kali ini saya akan memberi sebuah Tips tutorial blog tentang Cara Membuat Chat Box di Pojok Blog. JIka anda ingin membuat chat box ini. ikuti langkah-langkahnya di bawha ini:
1.daftar dulu di http://www.cbox.ws/
2.lalu ikuti pentujuknya di website tersebut. 
3. setelah anda mendapatkan Scripftnya. lalu masuk ke blog.
4.buka tata letak add gadget.
Masuk ke HTMl java Scipft
5. Copy paste kode di bawah in :

<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx0cACNoIkEjPEGLPL7HnoU7biYwczOUD9ghBjdHIg1vLtyw81iheFQmTZobUozv_dh70H9DxSVgiQbCxiYO88p29L-fDASC7DfIhxo_xG6ubNiNdsU2d1CqZJWDUOh6fv-wAnbIlxyytI/') 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">
<!-- Ganti ini dengan kode buku tamu kamu -->
<br/>
<br/>
<a href="http://forantum.blogspot.com">.
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

Note ; pada kata merah ini  <!-- Ganti ini dengan kode buku tamu kamu --> ganti dengan Scipt yang udah kamu dapatkan pada Cbox..

Finish.

Selamat Mencoba