Senin, 04 Januari 2010

Menambahkan ShoutBox ( Komentar Instan ) pada blog

ShoutBox ( Komentar Instan)adalah sebuah kotak untuk menampilkan komentar - komentar instan yang dapat ditampilkan langsung setelah Anda mengisikan komentar tersebut. salah satu penyedia shoutbox adalah Oggix yang dibuat oleh Ogi dari idWebshot Jogja.

MENDAFTAR SHOUTBOX
Agar bisa menggunakan ShoutBox, Anda perlu terlebih dahulu mendaftar ke penyedianya, caranya adalah sebagai berikut :

1. Bukalah browser Anda dan buka halaman muka dari situs oggix di oggix.com
2. klik pada gambar GET IT NOW untuk memulai mendaftarkan akun di Oggix.
3. Isikan informasi - informasi yang diperlukan di kotak - kotak yang terdapat pada halaman Registration.
4. Setelah sukses, muncul halaman Account Registration Success
5. Login kedalam Oggix dengan mengisikan alamat email di kotak text Username / email dan password dikotak teks Password
6. Halaman Control Panel setelah Login akan terlihat
7. Klik tulisan Click here dibawah tulisan How to install shoutbox on my web
8. Tentukan penyetingan shoutbox dibagian Shoutbox settings
9. Pilihlah tipe Shoutbox yang hendak digunakan dengan cara mengklik tulisan Choose This dibagian Choose Shoutbox Type. Langkah ini merupakan langkah ke-2 dari 5 langkah yang ada
10. Berikutnya pilihlah warna shoutbox yang hendak digunakan di halaman Choose Shoutbox Color. Langkah ini adalah ke-3 dari 5 langkah yang ada.
11. Pilih template shoutbox dibagian Choose Shoutbox template. Ini adalah langkah ke-4 dari 5 langkah yang ada.
12. Maka dilangkah ke-5 akan muncul kotak berisi kode - kode HTML yang harus anda salin. Pilihlah semua teks yang ada dikotak tersebut kemudian salin dengan menekan tombol CTRL + C atau klik kanan kemudian memilih menu Copy

MEMASANG SHOUTBOX
Kode yang sudah didapat diatas merupakan bekal yang dapat digunakan untuk memasang shoutbox di blog. Berikut ini merupakan cara yang dapat digunakan untuk memasang shoutbox di blog.

1. Login ke akun blogspot anda
2. Klik pada bagian Layout, lalu klik pada tulisan Tambahkan sebuah Elemen halaman dibagian yang hendak Anda isikan shoutbox tersebut
3. Ketika muncul Pilih Elemen Halaman Baru, pilihlah HTML/Java Script
4. Berikan judul Shoutbox dikotak teks Judul.
5. Isikan kode HTML yang Anda dapat dari langkah ke-5 ketika pengaturan Shoutbox oggix sebelumnya dengan cara menghasilkannya id kotak Konten. Anda bisa mengklik tombol CTRL + V untuk menempelkannya.
6. Hasilnya dibagian Layout akan muncul kotak Shoutbox seperti terlihat digambar berikut ini
7. simpan perubahan yang telah Anda lakukan lalu preview halaman blog anda, hasilnya terlihat seperti gambar berikut ini.
8. Untuk mengisikannya, silahkan logout kemudian bukalah halaman blog anda. isikan nama dikotak Name, dan alamat URL dikotak teks Web URL lantas klik tombol Shout untuk memasukannya
9. Maka muncul Spam prevention untuk mencegah adanya spam masuk dikomentar. isikan angka yang tercantum disitu lalu klik tombol Submit.
10. Maka tampilan teks komentar tersebut muncul di shoutbox seperti terlihat digambar berikut ini.