Tips ChatBox Bersembunyi Di Samping Blog

Tips ChatBox Bersembunyi Di Samping Blog

Pada kesempatan ini saya akan memberikan yaitu Tips ChatBox Bersembunyi Di Samping Blog
Cekidot :D

Oke  sudah punya Code ChatBox sobat langsung ikuti langkah²nya di bawah. Tapi jika kalau belum punya silahkan anda baca ini Membuat ChatBox.

1. Copy paste code dibawah ini dan langsung ke Dashboard blogger sobat, dan masuk ke Tata Letak,

<br />
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url('http://2.bp.blogspot.com/-hp5hb7Z7Gvk/TmzEhhJZRmI/AAAAAAAAGgo/vmECDANflYw/s320/shoutbox.png ') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style><br />
<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><br />
<div id="gb"><div class="gbtab" onclick="showHideGB()"></div><div class="gbcontent"><br />
           GANTI DENGANKODE CHATBOX ANDA
<br />
<br />
<br/><br />
<a href="http://monsterkids99.blogspot.com">.<br />
</a><br />
<div style="text-align:right"><a href="javascript:showHideGB()"><br />
[close]<br />
</a><br />
</div></div></div><script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script><br />

Pastekan Codenya, Edit  GANTI KODE CHATBOX (Warna Merah ) pada code di atas, ganti dengan code atau script CHATBOX anda. Kalo sudah bisa dilihat hasilnya..
Mudah Bukan ... ^_^

Senang bisa membantumuh ^_^