Memasang Hidden Chatbox With Jquery Di Sidebar

Hello sobat blogger, apa kabar ? Semoga selalu dalam keadaan sehat wal'afiat ya, Ok pada postingan sebelumnya saya sudah mengepost bagaimana cara membuat Hidden Chatbox yang Tombol Opennya berada di sidebar blog kita (baca : Memasang Hidden Chatbox Pada Sidebar Blog). Nah untuk postingan kali ini saya akan mengepost tentang modifikasi chatbox lainnya.

Sama halnya dengan hidden Chatbox, Tutor kali ini menggunakan Jquery Effect dimana tampilan yang dibuat akan lebih menarik. Dan ditambah lagi, tombol untuk membuka Chatboxnya bisa di letakkan di sidebar blog sobat. Untuk lebih jelas kita bisa lihat Previewnya. Silahkan Klik Tombol ChatBox di bawah ini dan lihat apa yang akan terjadi...

Jika sobat tertarik, maka lakukan langkah dibawah :
1. Pertama-tama Copy kode dibawah ini (Dan edit keterangannya) :

ShoutMix chat widget

YOU FRAME HERE

Note :           : Silahkan ganti dengan icon gambar Chatbox yang kamu suka
                      : Masukkan Kode Chatbox yang bisa didapat di Cbox.ws , Shoutmix.com, dll (Bisa juga diisi dengan kode item / Objek lain selain chatbox seperti Iklan, Animasi Jam, dll)

2. Setelah selesai di edit, dari Dashboard blogger, pilih Tata Letak - Elemen Halaman.
3. Kemudian klik Tambah Gadget dan pilih HTML/Javascript.
4. Paste script yang telah sobat edit tersebut di form HTML/Javascript Lalu Simpan.
    Dan lihat hasilnya ...

Nah, sudah berhasil ?, Alhamdulillah .... Itu effectnya benar-benar cool banget dah sob, keren banget tampilan saat munculnya. Dan jika tutorial ini bermanfaat bagi sobat jangan lupa kasih +1 nya ya sob, ehehehhehee ....

.:: HAPPY BLOGGING SOBAT ::.