cara memasang chatbox pada blog

selamat siang sobat blogwalking semua, pada postingan kali ini saya akan share sedikit ilmu yang saya dapat dari kakak tingkat. tentang CBOX (buku tamu harian blog)
CBOX atau chatbox adalah fasilitas yang memungkinkan bagi sobat blogwalking semua untuk berkomentar di blog anda. sekaligus juga untuk meningkatkan SEO (search enggine optimation) di blog anda.
langkah-langkahnya adalah:
1. anda harus memiliki akun cbox.ws atau klik disini , jika sudah mendaftar maka anda di                    minta untuk sigin ke cbox yang telah anda buat.

2. jika berhasil. anda di minta untuk meng-coppy scrit css-nya.
   -setelah anda coppy, sekarang saatnya anda sigin di blog anda. masuk ke blogerdasbord. 

  -pilih TATA LETAK.

  -klik tambah Gadget

  -klik dan pilih HTML/Javascript masukan kode di bawah (jangan lupa rubah kode berwarna biru       dengan script yang telah anda coppy tadi)

3. masukan kode css di bawah (ganti script berwarna BIRU dengan script yang anda dapat deri cbox.ws

<style type="text/css"> <span style="color: blue;">#gb{ position:fixed; top:20px; z-index:+1000; }* html #gb{position:relative;} .gbtab{ height:200px; width:50px; float:left; background:url('http://i1108.photobucket.com/albums/h405/christian410/ghtrf.png') no-repeat; } .gbcontent { float:left; border:3px solid #ff0000; -moz-border-radius-bottomleft:5px; -webkit-border-radius-bottomleft:5px; -o-border-radius-bottomleft:5px; -khtml-border-radius-bottomleft:5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; background: #0000ff; url() no-repeat bottom; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0); gb.opened = !gb.opened; }function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);} }</script> <div id="gb"> <div class="gbtab" onmouseover="showHideGB()"> </div> <div class="gbcontent"> <center> <span style="color: blue;"> <!-- BEGIN CBOX - www.cbox.ws - v001 --> <div id="cboxdiv" style="text-align: center; line-height: 0"> <div> <iframe frameborder="0" width="200" height="305" src="http://www4.cbox.ws/box/?boxid=4243888&boxtag=b6gmky&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4243888" style="border:#ababab 1px solid;" id="cboxmain4-4243888"></iframe></div> <div> <iframe frameborder="2" width="200" height="75" src="http://www4.cbox.ws/box/?boxid=4243888&boxtag=b6gmky&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4243888" style="border:#ababab 1px solid;border-top:0px" id="cboxform4-4243888"></iframe></div> </div> <!-- END CBOX --></span></center> </div> </div> <br /> <div style="text-align:center"> <span style="float:right; color:#ffff00;">Get this <a target="_blank"href="http://www.seowaps.com">.</a></span></div>

4. kemudian klik save.

5. selesai (cbox siap di pakai)