www.mukadimah.com

Online Tips and more

Memasang Kotak Chatting di Blogger Blogspot

How to Add Chat Box to Blogs

Berikut cara memunculkan atau memasang kotak chatting di blog Blogger Blogspot. Kita akan memakai chatting box dari Yahoo! Messenger Ping Box yang bentuknya kira-kira seperti ini.

Pastikan sudah terpasang Flash Player di kompi atau komputer Anda, jika belum klik di sini untuk mendownload Flash Player dari filehippo.com untuk browser Internet Explorer (IE). Dan klik di sini untuk mendownload Flash Player untuk browser berbasis Gecko seperti Mozilla Firefox, Opera, dan lainnya (non-IE).

Cara mendapatkan kode kotak chatting ini adalah dengan mengunjungi situs MyBlogLog dari Yahoo.

  • jika sudah sign in, Anda bisa langsung ke halaman Create a Pingbox dari Yahoo! Messenger.
  • Jika belum, Anda bisa mengunjungi situs MyBlogLog atau akun (account) saya di MyBlogLog.
  • Sign in jika sudah jadi anggota/member. Join atau sign up jika belum.
  • Setelah itu, klik di kata Widgets untuk Blogger seperti di bawah ini.

  • (Jika belum ada fitur seperti gambar di atas di akun MyBlogLog, Anda harus memiliki account blog dulu di Blogger/Blogspot. Kemudian ketika berada di MyBlogLog, klik pada add website di bagian My Sites and Services dan ikuti instruksi di halaman selanjutnya.)

  • Kemudian klik Create a Pingbox di halaman berikutnya.

  • Lalu Anda akan dibawa ke halaman Create a Pingbox. Klik pada kotak Create a Pingbox.

  • Di halaman selanjutnya, klik Create New.
  • Kemudian Anda akan memilih theme untuk background. Ada beberapa pilihan: Fun, Professional, Seasonal, Color. Tentukan juga ukuran dan warna teks.

  • Kemudian tentukan nama YM Anda (display name). Bisa juga memakai nama default YM anda. Klik dan beri tanda cek pada Show Yahoo! Message display image jika ingin foto YM Anda ditampilkan.

  • Kemudian tentukan pesan/salam jika sedang online (Online greeting) dan pesan jika Anda sedang offline (Offline message). Klik dan beri tanda cek pada Require visitors to enter Nickname to send IM jika ingin pengunjung blog Anda memasukkan nama YM mereka jika mau chatting dan mengirim IM.

  • Lalu beri nama Pingbox. Defaultnya adalah New Pingbox. Bisa diubah sesuai keinginan. Klik Save.

  • Lalu Anda akan mendapatkan kode (code) untuk dipasang di Blogger. Pilih logo Blogger untuk mendapatkan kode yang tepat untuk blog Blogspot.

  • Tentukan ukuran kotaknya. Setting standarnya adalah 220 x 400 pixel.
  • Copy kode itu ke Notepad (atau cukup tekan [Ctrl+C] atau klik Copy to clipboard) dan kemudian kita berpindah ke Blogger.
  • Jika belum, sign in ke Blogger.
  • Klik Layout,
  • klik Page Element,
  • klik Add a gadget, pilih posisi yang diinginkan untuk menempatkan kotak chatting,
  • klik tanda plus biru di HTML/JavaScript,
  • ketik Title yang diinginkan misalnya, Chat with me, Cutey Pie!,
  • paste kode ke kotak Content (tekan [Ctrl+V]),
  • klik Save untuk menutup kotak dialog.
  • Katam bin Selesai.
Dan nantinya di Yahoo! Messenger kita akan terlihat nama Pingbox yang kita buat di blog.

Untuk melihat hasil dari proses tutorial ini silahkan klik di sini untuk mengunjungi halaman live demo dari Pingbox saya. Disarankan melihat halaman live demo ini memakai browser Mozilla Firefox versi terbaru 3.5.5. atau yang versi lebih lama.

Masih banyak kotak chatting lainnya untuk Blogger. Anda bisa juga mencoba:
Langkah-langkah cara pemasangannya mirip-mirip dan hampir sama. Tinggal mengikuti instruksi di halamannya.

Pastikan sudah terpasang/terinstal Flash Player di komputer Anda jika ingin melihat hasil tutorial ini di halaman live demo. Jika belum klik di sini untuk mengunduh/mendownload Flash Player langsung dari adobe.com.

Klik di sini untuk mengunduh/mendownload Flash Player untuk browser Mozilla Firefox, Opera dan browser lain yang berbasis Gecko (Gecko-based browsers) dari filehippo.com.

Klik di sini untuk mengunduh/mendownload Flash player untuk browser IE (Internet Explorer) dari filehippo.com.

Happy hunting dan selamat bereksperimen.

Bookmark and Share

Klik di sini membawa Anda ke AndresTutorialBlog.blogspot.com

Klik di sini untuk ke DownloadMyFreeMP3.blogspot.com – download my own free mp3


Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: