Sunday, September 18, 2011

Cara Memasang Widget ShoutMix Chat di Blogger

Shoutbox merupakan sarana yang terbaik untuk berinteraksi dengan pengunjung blog. baik itu untuk berkirim pesan, persahabatan yang intens atau sekedar "say hello ".Karena ke praktisannya berhubungan dan berkomunikasi, shoubox bahkan menjadi media yang ampuh untuk mengiklankan dan memajukan blog kita sendiri. karena satu hal, pesan yang di sampaikan melalui shoutbox, menyimpan link alamat blog kita yang bisa di klik oleh sembarang pemilik blog lainnya. untuk memasang ShoutBox di blog kita, silahkan klik di sini untuk daftar.

Setelah terbuka web penyedia layanan shoutbox .


1. klik tulisan Create Your Shoutbox Now atau bisa juga klik tulisan Sing Up untuk pendaftaran.


2. Kemudian isi
User Name : nama user
Choose password : kata sandi minimal sebanyak 6 digit.
Retype password: Ulangi kata sandi di atas.
Name : nama kita atau nama samaran.
Email: alamat email yang kita miliki.

3. Kemudian Tandai kotak kecil di sampimg kiri I have read and agree.. untuk menyetujui perjanjian.

4. Setelah beres klik tombol Countinue.
Kemudian pada jendela baru yang terbuka , kita di suruh untuk memilih style atau desain shoutbox. pilih salah satunya . pada kotak Verification, masukan verifikasi kata. 


klik lagi tombol Continue untuk melanjutkan pada halaman berikutnya. Setelah pendaftaran di terima, pada jendela yang terbuka klik tulisan Go to My Control Panel Now >> Style & Color di bawah label Display, untuk membuka halaman Style & Color. pada halaman ini kita bisa merubah font, ukuran font, warna font, warna latar, warna border dll. Untuk mengetahui setiap perubahan settingan yang kita lakukan klik tulisan Preview. klik tulisan Reset untuk kembali pada tampilan defaultnya, klik tulisan save settings untuk menerima perubahan. Kemudian di kolom kiri di bawah label navigasi tekan tulisan Back to Settings. jika kita ingin merubah format tanggal dan waktu kita tinggal mengklik Date & Time di bawah tulisan Display. Setelah merasa cukup dengan settingan yang kita inginkan, sekarang kita mengambil code script untuk di pasangkan pada blog kita. untuk itu kita klik tulisan Get Code di bawah label Quick Start. pilih dan klik tulisan Place Shoubox On Webpage.


1. Shoutbox size
Untuk sementara kita terima saja ukuran shoutboxnya, yakni lebar 140 px dan panjangnya 400 px ( ukuran ini bisa kita rubah sesuai dengan ukuran kolom sidebar yang kita miliki ).
2. Shoutbox option
Untuk mengaktifkan atau meng-nonaktifkan border di sisi Shoutbox.
3. Generated codes


Script yang ada pada kotak Generated Code ini, merupakan javascript yang harus kita installkan atau simpan ke dalam blog kita. untuk itu pilih semua tulisan yang ada pada kotak ini, kemudian klik kanan pilih Copy. 

Install Shoutbox.

Langkah yang terakhir yaitu mengistall atau memasang Shoutbox di bagian sidebar blog. untuk itu Buka blog-nya.
1. Dalam halaman Template -> buka tab Elemen Halaman.
2. Kemudian di bagian sidebar klik Tambahkan Sebuah Halaman Elemen.
3. Pilih elemen HTML/JavaScript. kemudian klik Tambahkan Ke Blog.
4. Setelah terbuka jendela HTML/JavaScript, Copy paste-kan kode script shoutbox tadi.
klik kanan Copy paste.


sesudah di copy paste.

5. Jika ingin shoubox-nya di kasih judul, silahkan isi judul dengan nama yang kita mau. 

 
6. Kemudian Simpan Perubahan.
Shoutbox sudah terpasang di dalam blog kita, jika kita inigin mengetahuinya silahkan saja klik tulisan Simpan di lanjutkan dengan menekan tulisan Lihat Blog. seperti gam di bawah ini.


Secara default posisi shoubox berada di bagian atas elemen sidebar. Jika kita ingin memindahkan posisi shoutbox , klik dan tahan elemen shoubox tersebut. kemudian drag atau geser ke posisi paling bawah. ( atau letakan di posisi yang kita inginkan. ) seperti ilutrasi gam bawah. Dengan mouse klik dan tahan elemen shoutbox.


Drag atau geser ke posisi bawah.


Setelah itu Simpan.

30 komentar:

Anak Shaleh said...

Mantab brother! Akan saya pasang link ente secepatnya di blog ane.!!!

Inspirasi said...

tuker dgan ane sukses gaan,..siip

Berbagi Ilmu Pengetahuan said...

@all : thanx's atas kerjasamanya

Madie said...

Lapor Sob, Link ente udah ane pasang
di http://m4d13.blogspot.com/p/m4d13-link.html
Thanks...

Said Arsyad said...

wah, mantap triknya sob..

Berbagi Ilmu Pengetahuan said...

@madie : thanx's gan

Berbagi Ilmu Pengetahuan said...

@said : iya sob, sbg blogger kita memang sabiknya berbagi tip dan trik :)

kawan bisnis said...

Salam kenal,, nice blog.

Berbagi Ilmu Pengetahuan said...

@kawan bisnis : OK gan, thanx's atas kunjungannya :D

CahNdeso said...

Tutorial yang Joossssss dan menambah energi untuk blogging. Thanks, Gan..

Berbagi Ilmu Pengetahuan said...

@cahndeso : OK kang, thanx's atas kunjungan & komentarnya :D

jejaring kimia said...

Linknya udah terpasang di blog sy, konfirm segera gan.
silakan di cek..

Berbagi Ilmu Pengetahuan said...

@jejaring kimia : OK makasih atas kerjasamanya :)

Muhammad Ihsan said...

mas,link sudah saya pasang,pasang balik yah ^^ http://ihsan-magazine.blogspot.com/2011/01/banner-teman_8576.html

Berbagi Ilmu Pengetahuan said...

@muhammad ihsan : OK, makasih atas kerjasamanya gan :)

ardi said...

terima kasih tutorialnya

Prapatan Kertek said...

Shoutmix memang perlu dipasang agar pengunjung mudah meninggalkan pesan untuk admin..!

Berbagi Ilmu Pengetahuan said...

@prapatan kertek : benar sekali gan, memang tujuannya itu :D

Aryokumoro said...

berkunjung....
teng-kyu.linku wis di pasang
salam kenal yo bos cah mabung-baron

Berbagi Ilmu Pengetahuan said...

@aryo : sama2 gan, salam kenal jg dr Ini Blogku :D

Rama88 said...

mantab tips nya sobat,, kalo ane pasang chatbox di menu tab,, ehhehhe,, thx for sharing,, happy blogging,, :D

Berbagi Ilmu Pengetahuan said...

@rama : sama2 gan, pemasangan bs d mana aja, yg penting d pasang agar blogger lain bs meninggalkan jejaknya :D

Cari cari Info said...

Salam... nice info.

Berbagi Ilmu Pengetahuan said...

@cari2 info : thanx's gan atas kunjungannya :)

Goesphin said...

terima kasih infonya ^^

Berbagi Ilmu Pengetahuan said...

@goesphin : sama2 gan, thanx's atas kunjungannya :D

http://badosku.blogspot.com said...

mantap...

Agung said...

Nice info gan. Thanks

faizul adib said...

ada lagi widget untuk livechat yang gratis gan,kayaknya cocok untuk website agan. namanya wgchat, webnya wgchat.com. asli bikinan indonesia, bisa integrasi dengan ym, facebook, dan gtalk juga.
semoga bermanfaat.

fikri ashsiddiqi said...

artikel menarik gan,kunjungan baliknya gan ke
www.mbahgahol.blogspot.com
follow aja nnti saya followbalik blog agan

Post a Comment

Silahkan tinggalkan komentar, blog ini sudah dofollow