CARA MEMBUAT CHAT BOX DI BLOG...

1. Login ke blogger. klik menu design > tata letak
2. Tambah gadget
3. Pilih HTML/javascript.
4. Masukan kode di bawah ini ke dalam kotak tersebut.


<style>
#hcr {
position:fixed;
top:100px;
z-index:+1000;
}
* html #hcr {position:relative;}
.hcrtab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDG_8D_3FqFhRRz556kp4KqLipJh4UbvBmaGGAQAtZCrFyeIbcwP6sSXARB6Dkb_JLr8x7wpgl5u-hffv9cGAYPVflFHEVMdipWYXRsOui5t0eR_7Tu6d6uoDzJZYYYlYQGNNa15yLFUE/s400/cbblue.png') no-repeat;
}
.hcrcontent {
float:left;
border:2px solid #008232;
background:#f3f6f7;
padding:10px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcr(){
var hcr = document.getElementById("hcr");
var w = hcr.offsetWidth;
hcr.opened ? movehcr(0, 30-w) : movehcr(20-w, 0);
hcr.opened = !hcr.opened;
}
function movehcr(x0, xf){
var hcr = document.getElementById("hcr");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcr.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("movehcr("+x+", "+xf+")", 10);}
}
</script>
<br />
<div id="hcr">
<div class="hcrtab" onclick="showHidehcr()">
</div>
<div class="hcrcontent">
<div id="cboxdiv" style="line-height: 0; text-align: center;">
<div>
<iframe allowtransparency="yes" frameborder="0" height="305" id="cboxmain5-709403" marginheight="2" marginwidth="2" name="cboxmain5-709403" scrolling="auto" src="http://www5.cbox.ws/box/?boxid=709403&amp;boxtag=7t4jh5&amp;sec=main" style="border: 0px solid;" width="200"></iframe></div>
<div>
<iframe allowtransparency="yes" frameborder="0" height="75" id="cboxform5-709403" marginheight="2" marginwidth="2" name="cboxform5-709403" scrolling="no" src="http://www5.cbox.ws/box/?boxid=709403&amp;boxtag=7t4jh5&amp;sec=form" style="border-top: 0px; border: 0px solid;" width="200"></iframe></div>
</div>
<br />
<div class="hc-credit">
<span style="float: left;">

<a href="http://www.monggomampir123.blogspot.com/" target="_blank">
BY Monggo Mampir
</a>
</span>
<span style="float: right;">
<a href="javascript:showHidehcr()">
TUTUP
</a>
</span>
</div>
</div>
</div>
<script type="text/javascript">
var hcr = document.getElementById("hcr");
hcr.style.right = (30-hcr.offsetWidth).toString() + "px";
</script>