Cara Menampilkan chat Yahoo Massanger di Blog

Untuk menampilkan 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,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 :



Sehingga untuk menampilkan URL address di atas menjadi sebuah gambar, maka kodenya akan seperti ini :


Untuk Style ID 1


Untuk Style ID 2


Untuk Style ID 3


Untuk Style ID 4


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 :


Kirim Instant Messenger.

Kodenya sebagai berikut :

Kirim IM

Sehingga untuk kode lengkapnya jadi seperti ini :






Kirim Instant Messenger dengan pesan

Kodenya sebagai berikut :

Kirim IM

Sehingga untuk kode lengkapnya jadi seperti ini :




Menambahkan link ke chat room favorit

Kodenya sebagai berikut :

Masukan ke daftar teman sobat

Sehingga untuk kode lengkapnya jadi seperti ini :



Bagaimana jelaskan? biar lebih jelas lagi saya beri contoh.


Karena email saya adalah aguesbio@yahoo.com maka id saya adalah aguesbio , Sehingga kode untuk mengirimkan Instan Message dengan pilihan Style ID 2 adalah sebagai berikut :


aguesbio">aguesbio%20&m=g&t=2" border="0" />

Icon di atas benar-benar Live, jadi tentunya icon nya akan menyala apabila saya sedang online di Yahoo ! Messenger .

 Selamat mencoba !

Tweet

Jangan sampai ketinggalan postingan-postingan terbaik dari AGUESBLOGSPOT.com. Berlangganan melalui email sekarang juga:

Atau sobat juga bisa follow AGUESBLOGSPOT.com dengan mengklik tombol di bawah ini:

Artikel keren lainnya:

Ditulis oleh aguesblogpot pada tanggal 30/11/2010