Tuesday, November 24, 2009

9:05:00 PM
Bagi teman-teman yang masih baru mengenal blog dan baru membuatnya, tentunya sering sekali melihat ada status Yahoo Messenger (selanjutnya saya singkat menjadi YM) tampil disebuah blog. Dan mungkin ini juga yang sedang diinginkan teman-teman untuk bisa menampilkan status YM di blog teman-teman. Selain untuk mempercantik tampilan blog, fungsi utama status YM adalah Pengunjung blog bisa mengetahui apakah si pemilik blog sedang online atau tidak dan juga bisa berinteraksi langsung melalui YM tersebut.

Sebenarnya ada banyak icon/ gambar yang bisa menjadi symbol untuk menandai sebuah status YM, silahkan teman-teman bisa browsing dan searching icon-icon lain yang sejenis untuk mewakili tampilan status YM yang menurut teman-teman lebih gaul/ keren/ macho...terus… lah pokoke sing paling bagussss-gus-gus-gus buat tampilan status YM di blog teman-teman.

Dan berikut adalah Default icon/ gambar yang menunjukkan status sebuah YM :

Bila teman-teman sedang tidak online (offline) ---->

Bila teman-teman sedang online ---->


Untuk membuatnya ikuti langkah-langkahnya berikut ini :

1. Copy kode yang ada di bawah ini :

<a href="ymsgr:sendIM?misnozone"> <img src="http://opi.yahoo.com/online?u= misnozone &amp;m=g&amp;t=2&amp;l=us"/></a>

Note:
Ganti teks yang berwarna merah dengan id Yahoo Messenger milik teman-teman, dan untuk teks yang berwarna biru yang berupa angka bisa teman-teman ganti dengan angka lain, semakin besar angka maka ukuran icon/ gambar semakin besar pula.

2. Untuk memasangnya seperti biasa, teman-teman harus Login dulu ke blogger.com dengan user-id teman-teman

3. Klik LAYOUT

4. Klik PAGE ELEMENTS, Pilih Add a Page Element untuk menambah elemen baru

5. Pilih kelompok HTML/ Java script, kemudian tekan tombol Add to Blog

6. Selanjutnya akan muncul jendela baru “ Configure HTML/ Java script “, Paste kode HTML yang di copy tadi pada kotak isian “Content”. Jika tidak diperlukan kotak isian “Title” dapat dikosongkan agar subjudul tersebut tidak ditampilkan ke halaman blog.

7. Jangan lupa menekan tombol Save untuk menyimpan kode tersebut ke dalam blog

8. Selesai dech…

0 komentar:

Post a Comment