Cara Membuat Shoutbox di Blogger

Untuk saling berkomunikasi antar pengguna blog, kita bisa memasang buku tamu atau shoutbox yang memang banyak kegunaannya salah satunya tentu untuk berinteraksi dengan pengunjung. Pesan-pesan penting dan singkat bisa ditulis di gadget satu ini, Bahkan jika blog anda suah terkenal, shotbox biasanya dibuat oleh pengunjung sebagai chat room "jauh beda tapi ya gitulah". Menurut saya dari tool shoutbox yang ada saat ini saya lebih meilih Shoutmix, karna layanan ini jarang terjadi error atau hang.

Jika anda tertarik dengan layanan ini silahkan daftar di http://www.shoutmix.com, setelah itu akan keluar tampilan seperti screen short di bawah ,kemudian klik tulisan " Create Your Shoutmix Now", lalu centang Term of Servicenya lalu isi data anda Trus klik Continue.

Tampilan awal shoutmix

Langkah - langkah sebagai berikut :

1. Jika anda sudah terdaftar, tinggal login dengan user name dan pasword.
2. Dalam Choose style pilih aja yang di sukai disitu ada compact, tag dll. jika udah klik Continue (saran saya pilih tag karna lebih enak di pandang).
3. Terus pilih style & color untuk mengedit warna teks, background dll, klik get kode untuk pemasangan
   
4. Copy paste kode HTML nya dan pasang di blog anda
5. Agar shoutbox nya sesuai ukuran lebar sidebar , anda bisa merubah ukuran lebar ataupun tinggi dari shoutbox , caranya tinggal merubah angka Width ( lebar) dan Height (tinggi) dari dalam kode HTML shoutbox tersebut.
6. Contoh scriptnya :
   
   <iframe scrolling="auto" width="300" frameborder="0" src="http://www5.shoutmix.com/?putroweb" height="450" title="putroweb">
   <a href="http://www5.shoutmix.com/?putroweb">View shoutbox</a>
   </iframe>
   <br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!"></a>
   Silahkan hubungi saya disini<a href="http://www.emailmeform.com/fid.php?formid=240962" target="_new"> Putroweb</a>
   
   

Langkah - langkah penambahan element di blog :

1. Login
2. Klik menu Layout / Tata Letak
3. Klik Page Element
4. Klik add Gadget
5. Tambah element  HTML/JavaScript
6. Paste kode HTML shoutbox anda di dalam form Content
7. Klik tombol Save Changes
8. Tekan tombol Save... 

Tampilan yang akan muncul pada blog anda :

Mudah bukan selamat mencoba..... :)

Terimakasih sudah mengunjungi blog ini... :D