Kamis, 18 Agustus 2011

Membuat Shoutbox

Bagi yang baru pertama kali dengar kata shoutbox mungkin masih bingung. Jadi aku coba jelasin sedikit (menurut pemahaman ku hehehe). Pada intinya sama antara shoutbox dengan komentar di postingan yaitu bertujuan memberikan pesan baik kritik, saran, pertanyaan, dll. Tetapi tetap punya perbedaan, antara lain :

- Selalu terpampang ketika blog dibuka, tidak seperti komentar yang tersembunyi dalam artikel (tergantung setting).
- Shoutbox tidak perlu adanya login untuk meninggalkan pesan, sedangkan komentar ada yang disetting untuk login apabila ingin meninggalkan pesan.

Bagi yang sudah mahir javascript & CSSmungkin dapat membuatnya sendiri. Tetapi sekarang penyedia jasa shoutbox seperti tersebut sudah banyak tersedia di internet, tetapi untuk kali ini aku menggunakan jasa shoutmix. Kunjungi terlebih dahulu http://www.shoutmix.com/ kemudian klik tombol create shoutbox.


Kemudian silahkan form pendaftaran, untuk shoutbox id gunakan gabungan karakter dan angka. Setelah selesai kasih check pada I have read and agree to the Terms of Service dan klik continue


Jika registrasi berhasil maka akan muncul pesan seperti berikut, maka secara otomatis kita akan masuk ke control panel.



Secara default tampilan shoutbox kita seperti gambar. Jika ingin anda sesuaikan dengan template blog anda, silahkan masuk ke display



- Style & Colors : menentukan template (desain) dan warna.
- Date & Time : mengatur tampilan (format) tanggal & jam.
- Labels : mengatur penandaan dalam komentar shoutbox.
- Smileys : disini dapat menambahkan beberapa emoticon milik kita
- Custom CSS : bagi yang ahli dalam CSS dapat merombak total shoutbox default

Setelah mensetting tampilannya, klik get code untuk mencopy codenya. Kita dapat mengubah lebar dan tinggi sesuai keinginan kita. Kemudian block kode dibawahnya dan copy.



Barulah kemudian kita login di http://www.blogger.com, mari kita masuk ke rancangan. Klik tambah gadget.


Pilihlah HTML/JavaScript, karena kita mempunyai scriptnya sendiri.


Beri judul sesuai keinginan anda, kemudian paste code ke bagian konten. Jangan lupa disimpan dan cek blog anda.


Selamat mencoba :D

Download artikel


Tidak ada komentar:

Posting Komentar