Selasa, 15 Juni 2010

Cara Membuat Shoutbox ( ShoutMix ) di Blog


Postingan kali ini saya buat karena permintaan salah satu sahabat blogger kita, berikut pertanyaan yang ditanyakan lewat komentar

"Minta script yang buat tamu kaya gini donk..".


karena itulah saya terinspirasi untuk membuat postingan ini. inilah cara dan tahap-tahap membuat shoutbox (shoutmix) di blog.

pertama 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.

Tahap selanjutnya ikuti yang penjelasan di bawah ya.
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/?z33s" height="450" title="z33s">
<a href="http://www5.shoutmix.com/?z33s">View shoutbox</a>
</iframe>
<br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!"></a>


Langkah - langkah penambahan element di blog :

1. Login
2. Klik menu Layout / Tata Letak / Rancangan
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 :



Selamat Mencoba... semoga bermanfaat. Oia Baca juga tutorial saya cara menyembunyikan buku tamu.