Pasang ChatBox Di Blog

Shoutbox merupakan sarana yang terbaik untuk berinteraksi dengan pengunjung blog. baik itu untuk berkirim pesan, persahabatan yang intens atau sekedar "say hello ".

Karena ke praktisannya berhubungan dan berkomunikasi, shoubox bahkan menjadi media yang ampuh untuk mengiklankan dan memajukan blog kita sendiri. karena satu hal, pesan yang di sampaikan melalui shoutbox, menyimpan link alamat blog kita yang bisa di klik oleh sembarang pemilik blog lainnya.

untuk memasang ShoutBox di blog kita, klik disini

Setelah terbuka web penyedia layanan shoutbox .

1. klik tulisan Create Your Shoutbox Now atau bisa juga klik tulisan Sing Up untuk pendaftaran.

    Lihat gambar di bawah

2. Kemudian isi

User Name : nama user

Choose password : kata sandi minimal sebanyak 6 digit.

Retype password: Ulangi kata sandi di atas.

Name : nama kita atau nama samaran.

Email: alamat email yang kita miliki.

lihat gambar di bawah

3. Setelah beres klik tombol Countinue.

4. Setelah itu rekan-rekan akan masuk pada menu.

5. Pilih display untuk pengaturan shoutbox,mulai dari style sampai dengan costume css.

   lihat gambar

6. Bila Rekan-rekan Sudah beres menyeting sesuai dengan keinginan rekan-rekan,Rekan-rekan tinggal klik BACK TO SETTINGS.
lihat gambar di bawah

7. Setelah itu rekan-rekan pilih Embed codes (Customize size...) Di sebelah SHOUTBOX OVERVIEW.

Maka Tampilannya akan seperti ini.

8. Rekan-rekan tinggal copy script seperti gambar di atas.

Yang Terahir Rekan-rekan harus menginstal shoutbox di bagian sidebar blog.

1. Dalam halaman Template -> buka tab Elemen Halaman.

2. Kemudian di bagian sidebar klik Tambahkan Sebuah Halaman Elemen.

3. Pilih elemen HTML/JavaScript. kemudian klik Tambahkan Ke Blog.

4. Copy Paste script di bawah ini.

<!-- left hidden chatbox by http://tipsbloggerzacky.blogspot.com START -->

 <style> #hcl { position:fixed; top:50px; left:0px; z-index:+1000; } * html #hcl {position:relative;} .hcltab { height:250px; width:30px; float:left; cursor:pointer; background:url('http://i1045.photobucket.com/albums/b458/furawa/tingalkan.png') no-repeat; } .hclcontent { float:left; border:2px solid #790909; background:#f3f6f7; padding:10px; } .hc-credit {font-size:9px}

 .hc-credit a {text-decoration:none} </style> <script type="text/javascript"> function showHidehcl(){ var hcl = document.getElementById("hcl"); var w = hcl.offsetWidth; hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0); hcl.opened = !hcl.opened; } function movehcl(x0, xf){ var hcl = document.getElementById("hcl"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hcl.style.left = x.toString() + "px"; if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);} } </script> <div id="hcl"> <div class="hclcontent"> 

 <!--ISI KODE SHUTMIX DISINI --> 

  

<br /> <div class="hc-credit"> <span style="float:left"> <!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE --> <a href="http://tipsbloggerzacky.blogspot.com/2010/01/hidden-chatbox.html" target="_blank"> Get this widget! </a> </span> <span style="float:right"> <a href="javascript:showHidehcl()"> [close] </a> </span> </div> </div> <div class="hcltab" onclick="showHidehcl()"> </div>  </div> <script type="text/javascript"> var hcl = document.getElementById("hcl"); hcl.style.left = (30-hcl.offsetWidth).toString() + "px"; </script> <!-- left hidden chatbox by http://tipsbloggerzacky.blogspot.com END -->'>

Text yang berwarna biru adalah tempat menyimpan script shoutbox tadi.

Nah Sekarang tinggal di simpan deh...kalo dah di simpan,sekarang lihat blog rekan-rekan..
Smoga Berhasil.