BIKIN BUKU TAMU DENGAN CHAT BOX

untuk memasang chat box atau semacamnya kamu harus register dulu ke web penyedia layanan tersebut nih aku ada 2 link silahkan di coba mana yang lebih cocok...

http://www.cbox.ws/

http://www.shoutmix.com/

kalu aku sendiri kebetulan pakai yang dari cbox, tetapi tar sama aja cuma beda layanan penyedia... nah setelah kalian register ke salah satu web tersebut...

setelah melakukan beberapa settingan tampilan warna dan sebagainya kalian pilih menu Publish!, maka akan tampil seperti dibawah ini (klik untuk perbesar)

setelah itu masukan alamat website/blog kamu di kotak yang tersedia kemudian get code yang ada di bawah copy kode tersebut... setelah itu kamu masuk ke blog kamu tambahkan widget baru HTML/JavaScript nah dah jadi chat box kalian...   kayak gini nih hasilnya...

sedangkan untuk menyembunyikan chat box seperti di blog saya ini gunakan code berikut....


<style type="text/css">
#gb{
position:fixed;
top:30px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:170px;
width:33px;
float:left;
cursor:pointer;
background:url('http://a.imageshack.us/img833/7936/gbflag.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #444444;
background:#000000;
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">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
(isi dengan kode chat box milikmu)
<!-- END CBOX -->
<font size="2"><a href="http://mboloz.blogspot.com/2010/08/bikin-buku-tamu-dengan-chat-box.html">Cara Buat</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</font></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

^^ trima kasih.. selamat mencoba.........