Untuk menampilkan icon status online yahoo ! messenger, kita bisa
memilih sebanyak 5 pilihan, yakni style id 1, style id 2, style id 3,
style id 4, serta style id 5, Apa perbedaan dari style id ini?
perbedaannya adalah ukuran dari icon itu sendiri, untuk melihat
perbedaan style id, silahkan sobat perhatikan gambar berikut :
Style ID 1 Style ID 2 Style ID 3 Style ID 4 Style ID 5
masing-masing gambar mempunyai URL adddress sendiri yaitu :
http://opi.yahoo.com/online?u=YahooID&m=g&t=1 Untuk Style ID 1
http://opi.yahoo.com/online?u=YahooID&m=g&t=2 Untuk Style ID 2
http://opi.yahoo.com/online?u=YahooID&m=g&t=3 Untuk Style ID 3
http://opi.yahoo.com/online?u=YahooID&m=g&t=4 Untuk Style ID 4
http://opi.yahoo.com/online?u=YahooID&m=g&t=5 Untuk Style ID 5
itu tadi adalah URL address masing-masing Style ID, maka agar tampil menjadi gambar, kita harus menambah kode yaitu :
<img src="URL address">
Sehingga untuk menampilkan URL address di atas menjadi sebuah gambar, maka kodenya akan seperti ini :
<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=1" border="0"> Untuk Style ID 1
<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=2" border="0"> Untuk Style ID 2
<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=3" border="0"> Untuk Style ID 3
<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=4" border="0"> Untuk Style ID 4
<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=5" border="0"> Untuk Style ID 5
Penambahan kode border="0",
agar gambar yang di hasilkan terhindar dari adanya garis tepi atau
bingkai. Tapi tentu saja kode diatas adalah hanya untuk menampilkan
gambar icon YM nya dan belum bisa bereaksi walaupun sudah di klik oleh
para pengunjung.
Ada beberapa pilihan yang bisa kita terapkan ketika pengunjung mengklik icon YM kita, yaitu :
Bagaimana jelaskan? biar lebih jelas lagi saya beri contoh.
Karena email saya adalah caesar_independent@yahoo.com maka id saya adalah caesar_independent, Sehingga kode untuk mengirimkan Instan Message dengan pilihan Style ID 2 adalah sebagai berikut :
Icon di atas benar-benar Live, jadi tentunya icon nya akan menyala apabila saya sedang online di Yahoo ! Messenger .
Untuk melihat contoh live dengan icon Style ID 1, silahkan klik di sini.
Dan contoh live dengan icon Style id 3, silahkan klik di sini, coba saja klik untuk melihat reaksinya.