Cara membuat shoutbox ala kangismet

Langsung aja ya...

Baru baru ini kangismet memasang shoubox di blog nya. Banyak sekali yang tertarik untuk memasangnya. Apakah anda juga ? Beruntung sekali soalnya saya akan share cara membuatnya.

Apa itu Shoutbox ?

Shoutbox atau bisa juga disebut Cbox ( Chat Box ) maupun Shoutmix merupakan suatu aplikasi yang dipasangkan dalam suatu web yang memungkinkan pengguna suatu web dapat chatting dengan admin atau pengguna lainnya.

Keuntungan ?

1.  Meningkatkan komunikasi kepada pengunjung blog

2. Meningkatkan kepercayaan pengunjung, dengan memasang Shoutbox, berarti admin sangat terbuka dan dapat dipercaya

3. Go International

Kekurangan ?

1. Sering digunakan oleh orang tidak bertanggung jawab untuk memasang link maupun promosi

2. Kadang-kadang memperlambat kecepatan blog mengingat hampir belum ada Shoutbox yang mendukung asynchronous loading

Cara memasang Shoutbox ala Kangismet

Berhubung kangismet menggunakan yourshoubox, maka kali ini kita gunakan yang sama

1. Buka : http://www.yourshoutbox.com/users/register ( otomatis buka di new tab browser anda )

2. Silahkan isi data secara lengkap seperti yang ada di gambar

Petunjuk :

• Isi Email dengan email anda
• Password dengan password yang anda pilih
• Lalu isi password lagi di tempat re-type password

Lalu anda akan di alihkan ke : http://www.yourshoutbox.com/shoutboxes/create

Petunjuk :

• Masukkan your website URL dengan alamat url blog anda
• Untuk ukurannya, bisa pilih default ( lebar 250 tinggi 500 ) tetapi mengingat lebar tiap sidebar di setiap template berbeda maka anda harus mengubah width nya ( lebar nya ) menjadi paling tidak sama dengan width nya sidebar.
• Untuk yang nomor 3 pilih manually aja
• Step Khusus :

1. Untuk idadminanda, pilih id untuk admin anda, ini akan anda gunakan untuk login di chat nanti saat menggunakan Shoutbox

2. Lalu untuk kotak kedua isi dengan passwordnya

Nanti id dan password itu akan digunakan saat chat ( lihat gambar )

Lalu anda akan dibawa ke halaman pengaturan shoutbox

1. Ganti warna "Specify background color" dan "Specify odd shouts color" dengan warna putih atau #ffffff
2. Lalu ganti  "Specify even shouts color" dengan  #F0F0F0

Tips : Karena arena color kode / kode warna tidak bisa diblok, cara ganti kode warnanya adalah teken CTRL + C kode warnanya lalu CTRL+A area kode kolor lalu cepat tekan CTRL+V

Lalu klik Save Changes untuk menyimpan hasil pengaturan shoutbox anda

Lalu pergi ke menu Fonts and links

Pengaturan :

• Ganti warna "Specify logged user nick font color", "Specify admin nick font color" , dan "Specify moderator nick font color" dengan warna #80bc00
• Jangan lupa klik Save changes

Lalu pergi ke menu button

Pengaturan :

• Ganti "Specify online button color" dan "Specify user button color" dengan warna green
• Jangan lupa klik save changes

Pengaturan : 

• Lalu pergi ke menu scroll
• Ganti pilihan Select Scroll type dengan Dark Simple

Lalu langkah yang terakhir buka menu Size and setting

Pengaturan :

• Pada opsi no 4 yaitu : Do you want to require registration? Pilih yes
• Lalu pada opsi no 11 yaitu : Do you want to allow promting own websites as link in nick? pilih no
• Pada opsi terakhir yaitu : Change "Powered by yourshoutbox.com" text ganti menjadi Powered by Websiteanda.com

Yang akan muncul di bagian bawah :

Pemasangan

1. Lalu pasang widgetnya dengan pergi ke menu "Get The code"
2. Copy kode javascript yang disediakan lalu pasang ke blogger dengan membuka : Blogger > Tata letak > Pasang widget > HTML / Javascript
3. Lalu paste kode javascriptnya di bagian content / bawah, judulnya terserah anda
4. Klik save

Tambahan :

1. Pergantian powered by yourshoutbox.com menjadi brand anda hanya berlaku jika anda memiliki akun premium, beruntung tiap id baru mendapat premium gratis selama 7 hari / 1 minggu.

2. Trik ini hanya diinspirasi dari shoutbox yang saya lihat di blog nya kangismet dan sampai saat artikel ini dibuat, kangismet belum ngeshare cara memasang shoutbox tersebut

3. Shoutbox yang saya buat hanya dibuat mirip seperti kangismet, tetapi ada beberapa pengaturan yang tidak saya mengerti jadi ada yang sedikit berbeda dari yang dari shoutbox yang digunakan oleh kangismet dengan shoutbox yang saya buat

Contoh :

Jangan Lupa Share and Comment...