ChatBox convenience for blogspot

Chatbox is probably quite essential for the blog. By interactive between users and blog owners.

This utility was posted on ClickToRich fairly soon, however, have the opportunity today to show you.

Please see illustration:

When you click it will show as follows:

And now, to have this gadget on your blog. The work is easy, copy and paste the code below to add HTML / JavaScript:

<style type='text/css'>

#gb{
position:fixed;
top:31px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:81px;
width:24px;
float:left;
cursor:pointer;
background:url('http://c.upanh.com/upload/3/862/TL0.7969628_1_1.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #f38d02;
background:#e49b00;
padding:3px;
}
</style>
<script type='text/javascript'>
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 24-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">
<strong>ChatBox</strong>
<center><!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="kiemtien" src="http://www6.shoutmix.com/?kiemtien" width="250" height="327" frameborder="0" scrolling="auto"><a href="http://www6.shoutmix.com/?kiemtien">View shoutbox</a></iframe><br /><!-- End ShoutMix -->
</center>
<div style="text-align: right;">
<a href="javascript:showHideGB()">
<span style="color: #660000;">[Hide]</span>
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (24-gb.offsetWidth).toString() + "px";
</script>

With kiemtien is nick on your  ShoutMix

Wish you success!