Sabtu, 22 Agustus 2009

34. Pasang Icon Yahoo ! Messenger

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, Artikel ini dapat juga sobat temukan di blognya Kang Rohman. 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 :





Kirim Instant Messenger.



Kodenya sebagai berikut :




<a href="ymsgr:sendIM?YOURID">Kirim IM</a>




Sehingga untuk kode lengkapnya jadi seperti ini :





<a href="ymsgr:sendIM?YOURID"><img src="http://opi.yahoo.com/online?u=YourID&m=g&t=StyleID" border="0"></a>








Kirim Instant Messenger dengan pesan




Kodenya sebagai berikut :




<a href="ymsgr:sendIM?YOURID&m=YOUR+MESSAGE">Kirim IM</a>




Sehingga untuk kode lengkapnya jadi seperti ini :




<a href="ymsgr:sendIM?YOURID&m=YOUR+MESSAGE"><img src="http://opi.yahoo.com/online?u=YourID&m=g&t=StyleID" border="0"></a>







Menambahkan link ke chat room favorit



Kodenya sebagai berikut :




<a href="ymsgr:addfriend?YOURID">Masukan ke daftar teman sobat</a>





Sehingga untuk kode lengkapnya jadi seperti ini :




<a href="ymsgr:addfriend?YOURID"><img src="http://opi.yahoo.com/online?u=YourID&m=g&t=StyleID" border="0"></a>




Bagaimana jelaskan? biar lebih jelas lagi saya beri contoh.





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





<a href="ymsgr:sendIM?amn_tea"><img src="http://opi.yahoo.com/online?u=amn_tea&m=g&t=2" border="0"></a>






dan yang akan tampil seperti ini :











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





Mudah-mudahan jelas. Selamat mencoba !



2 komentar:

  1. trimakasi atas pencerahan nya bos.. tapi masih kurang jelas nih... itu di save di bagian mana blog agar muncul ym na hihihi

    BalasHapus
  2. @Melly W:
    1.Msk ke Dasbor blog anda
    2.Klik "RANCANGAN"
    3.Klik "TAMBAH GADGET"
    4.Pd jendela yg muncul, pilih "HTML/javascrip"
    5.Pd jendela yg muncul lg, masukkan kode2 tsb diatas.(jgn lupa isi judul apa aja pd kotak/jendela yg muncul tsb)
    6.Klik "SIMPAN". Selesai
    catatan:
    Posisi/letaknya dpt disesuaikan dgn selera dgn cara menyorot pd gadget yg baru dibuat,maka kursor akan berubah jd tanda +,lalu klik dan tahan lalu geser ketempat yg diiginkan.Klik "SIMPAN"

    BalasHapus

Kembali ke atas

Kembali ke atas