Andre's Tutorial Blog (ATB)

• Pastikan sudah memiliki akun di Gmail. Jika belum klik di sini untuk membuat account gratis (create an account) di Gmail.
  

• Jika sudah punya akun di Gmail, klik di sini untuk pergi ke situs Google Friend Connect.
  

• Klik di Language dan pilih Bahasa Indonesia untuk mengubah bahasa di halaman GFC menjadi Bahasa Indonesia.

• Jika melihat halaman Persyaratan Layanan Pengembang Jalinan Teman, klik Saya  setuju dengan Persyaratan Layanan Pengembang Jalinan Teman.
  

• Lalu isi formulir berikut ini:
  

• Klik Lanjutkan.
  

• Akan ada pemberitahuan seperti ini.
  

• Klik Tambahkan gadget anggota.

• Jika memiliki beberapa blog atau situs, tambahkan ke daftar GFC yang terletak di sebelah kiri halaman dengan klik pada Tambahkan situs baru. Ulangi beberapa langkah sebelumnya untuk menambahkan situs atau blog baru.
  

• Setelah semua situs/blog sudah ditambahkan, kini kita akan menambahkan gadget untuk situs/blog.
  

• Jika menambahkan banyak blog atau situs, pastikan memilih dan klik nama blog atau situs yang akan dipasangi gadget dari GFC dengan benar, supaya nanti tidak ada pesan error salah konfigurasi saat gadget sudah terpasang di blog. Misalnya di sini saya memilih blog yang berjudul Andre's Tutorial Blog, bukan yang lain.
  

• Kemudian klik pada gadget yang ingin dipasang. Lalu tentukan ukurannya di bagian Pilih ukuran gadget.
  

• Kemudian tentukan warna dan jenis font yang ingin ditampilkan. Bisa disesuaikan dengan tema atau warna blog.

• Dan yang terakhir, dapatkan kode HTML gadget dengan melakukan klik pada kotak Buat kode di bagian Buat kode HTML.
  

• Lalu salin (copy) kodenya. Caranya:

• Klik di dalam kotak. 
  

• Tekan [Ctrl+A] untuk memilih semua kode.
  

• Tekan [Ctrl+C] untuk mengopi semua kode.
  

• Kembali ke Dashboard blog Blogspot.
  

• Klik Layout.
  

• Klik Page Elements.
  

• Klik Add a Gadget.

• Pilih HTML/JavaScript dengan meng-klik tanda panah biru di sisi kanan.
  

• Tekan [Ctrl+V] untuk mem-paste semua kode di kotak Content. Bisa ditambahkan judul di kotak Title jika mau. 

• Klik Save dan selesai.
  

• Klik Preview untuk melihat pra-tinjau atau klik View Blog untuk melihat hasilnya. 

• Jika tidak puas, klik Edit pada lembaran Add a gadget (contoh di sini bernama Daftar Teman Blog) untuk mengubah konfigurasinya.
  

• Ulangi langkah yang serupa jika ingin menambahkan gadget lain dari Google Friend Connect ke blog.
  

• Demikian.
  

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.