Mirzza Tips Blog™: Cara Menambahkan Chat box pada blog

Mau? Blog anda tedapat chatboxnya? caranya simpel.... cukup ikuti langkah di bawah ini... =

kamu bisa coba buka link ini:

ShoutBox pada tampilan awal kamu akan menemukan seperti inisetelah itu kamu klik tombol "creat shoutbox" maka akan ada tampilan seperti iniisi form "Shoutbox information" sebagai ID saat kamu login ke situs ini.. jangan lupa isi juga form "Contact information" dan centang pada bagian bawahnya.. jika sudah klik Continue.. jika keluar tampilan seperti di bawah ini bearti kamu sudah berhasil registrasi..untuk langkah selanjutnya.. kamu tinggal copy scrip di bagian yang yani beri kotak merah.. lalu silahkan copykan ke blog kamu.. Layout --> Page Elements --> Add a Gadget.. lalu pilih yang HTML/Java Scrip dengan meng-klik tanda plus (+)nya..lalu copy scrip di bawah ini..

COPY PATE KODE DI BAWAH INI YANG BIKIN BOTAK KEPALA

<style type="text/css"> #hitsukeFX{ position:fixed; top:50px; z-index:+1000; } * html #hitsukeFX{position:relative;} .hitsukeFXtab{ height:550px; width:35px; float:left; cursor:pointer; background:url('http://i642.photobucket.com/albums/uu147/remoxp/Chatbox.png') no-repeat; } .hitsukeFXcontent{ float:left; border:2px solid #ffffff; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; background:#000000; padding:10px; } </style> <script type="text/javascript"> function showHidehitsukeFX(){ var hitsukeFX = document.getElementById("hitsukeFX"); var w = hitsukeFX.offsetWidth; hitsukeFX.opened ? movehitsukeFX(0, 40-w) : movehitsukeFX(40-w, 0); hitsukeFX.opened = !hitsukeFX.opened; } function movehitsukeFX(x0, xf){ var hitsukeFX = document.getElementById("hitsukeFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hitsukeFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movehitsukeFX("+x+", "+xf+")", 10);} } </script> <div id="hitsukeFX"> <div class="hitsukeFXtab" onclick="showHidehitsukeFX()"> </div> <div class="hitsukeFXcontent">

MASUKAN KODE SHOUTMIX DISINI "

<div style="text-align:right"> <a href="javascript:showHidehitsukeFX()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var hitsukeFX = document.getElementById("hitsukeFX"); hitsukeFX.style.right = (40-hitsukeFX.offsetWidth).toString() + "px"; </script>

Lalu ganti kata MASUKAN KODE SHOUTMIX DISINI dengan code shoutmix anda dan lalu copy pastekan di configure HTML/JavaScript

langkah terakhir save juga di Page Element blog kamu.. dah kamu bisa lihat hasilnya di halaman blog kamu.. untuk merubah2 style dari tampilan kamu.. kamu bisa berkreasi di menu "Display" yang ada di menu login kamu..
ChatBox ini salah satu jenis buku tamu lain yang digunakan para blogger.. tampilan awal ChatBox akan muncul seperti ini..lakukan registrasi dengan klik tombol "sign up" seperti yani blok di atas.. maka akan tampilan registrasi seperti ini..isi semua form jangan sampai ada yang terlewatkan.. jika sudah jangan lupa centang bagian bawahnya lalu klik tomblol "Create My Cbox!".. jika tampilan sudah berganti dengan tampilan sepeti di bawah ini, bearti kamu sudah berhasil registrasinya..selanjutnya masukin ID login dan pasword kamu.. lalu "ENTER" ato klik tanda panah di samping formnya.. setelah masuk ke tampilan hometekan "PUBLISH" untuk menemukan scrip dari Cbox ini..lalu copy semua scrip yang ada di box dalam kotak merah itu.. lalu masukkan scrip itu ke blog kamu.. caranya sama kok dengan cara memasukkan scrip ShoutMix.. dan untuk mengedit style dari ChatBox sesuai keinginan kamu, kamu bisa berkreasi pada menu "LOOK & FEEL" pada home ChatBox kamu..