Andre's Tutorial Blog (ATB)

How to Add Chat Box to Blogs

• 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.
  

• oggix
• shoutmix.com
• plugoo,
• cbox, 
• xat.com, (full of emoticons/smileys),
  
• dan masih banyak lagi.