Pasang Shoutbox Pakai ShoutMix - Biar Blog Kita Tambah Keren...

"bod... gimana bikin shoutbox nih... aku dah bikin tapi masih gatot aka gagal total nih... padahal udah ngikutin cara caranya..."

Beberapa waktu yang lalu ditanyain temen tentang pasang shoutbox di blognya... Waduh... jadi pengen malu... pada sama sama newbie di dunia per-blog-an... hi hi hi... Oh Ya... maaf ya... baru bisa selesai di bikin... karena beberapa hari harus ada di Bandung...

BTW... dah tahu shoutbox kan ? kalo kata shoutmix adalah seperti ini :

Shoutbox a.k.a tagboard/chatbox, is an easy to use messaging system that allows you to interact with others instantly.

Get a shoutbox for your blog or website and get instant comments from your visitors today!

Yup shoutbox itu ya pemberi pesan ke pemilik blog secara instan yang nggak perlu memberikan comment di suatu posting... jadi pengunjung bisa langsung tinggalkan pesan dengan mudah dan secara umum... gaya euy bikin difinisi...

Penting gak sih pasang shoutbox ?... yang pasti kalo saya blogwalking trus gak ada shoutboxnya rasanya... "Hampa terasa... terusin sendiri lagunya..." soalnya... nggak bisa meninggalkan jejak bod...

Contohnya shoutbox... seperti di blog saya nih di sebelah...

Oke... kali ini saya nyoba berbagi tahu untuk bikin shoutbox di blog ya... untuk ini saya akan pakai jasanya om shoutmix dan blog yang dicoba... dihosting di dagdigdug yang menggunakan engine wordpress...

lanjut....

Langkah 1 : Daftar Bikin Shoutbox di ShoutMix



a. buka halaman shoutmix untuk mulai daftar
b. akan terlihat halaman seperti pada gambar diatas, klik link "Create Your Shoutbox Now"
c. anda akan dibawa ke halaman seperti dibawah ini



d. Seperti biasa... isi data untuk account shoutmix anda... seperti username, password, nama dan email. Jangan lupa untuk memberikan tanda cek di box "I Have read and agree to the Terms of Service"... trus klik tombol continue

e. lalu anda akan sampai ke halaman berikut seperti pada gambar dibawah ini



f. sesampainya di halaman ini kita tinggal memilih model dari chatbox kita, lalu isikan field Verification dengan huruf-huruh yang muncul di sebelah kanannya... lalu klik link Continue

g. muncullah halaman ini



h. eits... belum selesai lho... klik link dengan tulisan control panel atau pada tulisan "Go to my control panel now"... untuk melakukna proses lanjutnya...

i. dari point h akan muncul halaman seperti dibawah ini





j. Lalu pilih saja link Get Codes di kotak sebelah kiri atas... kotak dengan judul Quick Start...

k. Seharusnya anda akan masuk ke halaman seperti dibawah ini







l. di halaman ini... lanjutkan dengan klik tulisan "Place Shoutbox on webpage"... maka akan tampil detailnya seperti pada gambar diatas... seandainya ukurannya normal... maka script HTML di dalam kotak dengan judul Generated codes bisa langusng kita pakai dan bisa ditempelkan di halaman blog kita...

Yak... sekarang kita sudah punya shoutbox...

eits tapi belum benar-benar selesai... halaman di shoutmix jangan di close dulu... karena kita akan copy script HTML untuk shoutbox di halaman blog kita...

Langkah 2 : Install di Blog

Buka blognya... o iya sebagai contoh saya akan pakai yang dengan versi wordpress yang dihosting di dagdigdug soalnya ini pesenan sih... :D

Tapi ini pengerjaannya untuk setiap blog hampir sama kok... :)

OK... lanjut... seperti biasa kita akan edit blog kita... setelah masuk ke ruang admin blog kita... kita akan ketemu seperti halaman dibawah ini



a. Kalau di dagdigdug pilih Tab Menu Presentation untuk penambahan widget...
b. Kemudian di sub Tab Menu pilih Widget... seharusnya anda akan ada di halaman Sidebar Arrangement...
c. Di bawah ada area dengan tulisan Available Widgets... langsung saja Drag and Drop field dengan tulisan Text 1 ke area sidebar...
d. Kemudian klik di field tersebut, maka akan muncul gambar seperti di bawah ini



e. nah... sekarang kembali ke halaman shoutmix yang tadi belum ada tutup... Select All pada Generated Codes dan klik copy atau ctrl-c... kemudian kembali ke halaman seperti gambar diatas... script yang kita copy tadi paste kan di area seperti pada gambar diatas... jika ada suka field judul diatasnya bisa diisikan juga... untuk gambar diatas dituliskan Beranda...
f. Jika sudah oke klik lambang silang... kemudian jangan lupa untuk klik tombol Save Changes...
g. sudah semua ?... lihat dengan link view site seperti pada gambar di atas... dan... voila !... blog anda sudah punya chatbox seperti di gambar dibawah ini :



keren kan...

gimana kalau pasang di blogspot... wah tambah gampang.... (gak usah pake gambar ya... screenshootnya bikin capek...)
a. masuk ke blogspot... masukkan login dan password
b. pilih Tab Menu - Tata Letak --> seharusnya anda akan ada di halaman Tambah dan Susun Elemen Halaman...
c. klik link "Tambah Gadget" atau "Add Gadget" di sidebar... bisa kanan bisa juga kiri... tergantung template yang anda gunakan...
d. pada menu pop tambahkan gadget... pilih link HTML/Javascript...
e. sama seperti diatas... copy paste scriptnya... dan voila... chatboxnya sudah terpasang...

nah... sudah punya shoutbox kan... yuk mulai blogwalking dan tinggalin pesanmu... :D