Pasang Icon Yahoo ! Messenger
Menanggapi pertanyaan sobat takdir yang di ajukan melalui shoutbox beberapa waktu yang lalu,
beliau menanyakan tentang bagaimana cara menampilkan status online Yahoo ! Messenger pada halaman blog. Barangkali ada di antara para sobat juga berkeinginan yang sama namun belum mengetahui caranya,ada baiknya menyimak beberapa penjelasan yang akan saya utarakan.
Sebenarnya jika saya pikir-pikir, kayanya agak merasa malu menerangkan ini, mungkin bagi para sobat yang sudah beberapa kali mengunjungi blog ini hampir atau bahkan belum pernah melihat Icon Yahoo ! Messenger saya menyala tanda sedang online chatting. Memang benar saya sangat jarang sekali ber chatting ria di dunia maya, paling-paling kalau ada perlu dan itupun janjian terlebih dahulu baru saya chatting
(lho ko jadi cerita…kelamaan), oh iya lupa
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 :
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 .
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.
Mudah-mudahan jelas. Selamat mencoba !
wah terima kasih postingnya, icon YM nya sudah aku pasang di blogku, wah cepat juga tanggapan dari sobat ini, sekali lagi terima kasih ya
Komentar oleh Takdir Ilyas | 27 Mei 2007 |
baru cari2 pake google ternyata yang pake kode ymsgr bisa merusak sistem.
baca di sini. pake yang biasa aja dari yahoo di sini!
Regards.
Komentar oleh Anonymous | 2 Agustus 2007 |
baru cari2 pake google ternyata yang pake kode ymsgr bisa merusak sistem.baca di sini. pake yang biasa aja dari yahoo di sini!
Regards.
Komentar oleh Edi2004 | 2 Agustus 2007 |
baru cari2 pake google ternyata yang pake kode ymsgr bisa merusak sistem.baca di sini. pake yang biasa aja dari yahoo di sini!Regards.
Komentar oleh Edi Imanto | 2 Agustus 2007 |
aku pengen masang icon Ym. Tapi aku belum mengerti.. Maksud “Kirim Instan Mesenger itu “di kirmnya dimana. gimana .. tolong penjelasannnya
Komentar oleh M.Iqbal Kafka Akhsa | 4 Agustus 2007 |
Trimakasih Buanyak atas bagi bagi ilmunya…Walau kupikir di dunia ini ga ada yang gratis, ternyata masih banyak yang mau berkorban demi yang laen ya…
Makasih banyak..loe soalnya aku buta tentang PHP dll. jd bergurunya dari internet.
sekali lagi makasih pak Guru..
Komentar oleh Najmaku | 20 Agustus 2007 |
Tapi aku masih bingung sebab blogku di wordpress, jadi ku utak atik tetep ga bisa bikin icon yahoo..Bantuin donk pak Guru..!! Bisa kan..??? plzzzzzzzzzz..
Komentar oleh Najmaku | 20 Agustus 2007 |
Makasih, ya…
Saya udah make sesuai script diatas
Komentar oleh CHANDRA | 7 Oktober 2007 |
To abiz Bosss…saya banyak belajar dari sini….
Komentar oleh edisamsuri | 20 Oktober 2007 |
trimakasih, dah aq masukin di blog-kyu.
Komentar oleh anyie_ku | 26 Oktober 2007 |
terima kasih
Komentar oleh T. Tjahjo Widyasmoro | 18 November 2007 |
mas aku sudah coba tapi kok napa gak bisa ya??
Komentar oleh hugo_tkj | 30 November 2007 |
mas gimana kalau google talk? bisa nggak?
Komentar oleh Nugi | 31 Desember 2007 |
trusss kodenya tarok di mana?
Komentar oleh aneuk agam sidro | 4 Januari 2008 |
kang Rohman, gmana sih caranya supaya imagenya itu ditengah-tengah,kalo dikiri gtu kan kurang mantab keliatannya kang,, kasi tau ya kang.. makasi.. o ya, blognya kang rohman saya link di blog saya,, jangan lupa dikunjungi ya kang..
Komentar oleh T.D | 20 Januari 2008 |
@t.d : kalo pengen di tengah, tinggal pake kode ini :
<center>
di sini kode YM nya
</center>
atau pake ibi juga bisa :
<div align=”center”>
di sini kode YM nya
</div>
Komentar oleh rohman | 20 Januari 2008 |
Thanks ya bang…
atas tutorialnya….
di link dung blog q bang…
Komentar oleh rahmad | 4 Februari 2008 |
Kang kok di blog saya setelah dimasukin kode2 itu, linknya malah diikutin alamat blog saya didepannya, kenapa ya? Mohon bantuan akang.
Thanx B4
Komentar oleh Wawan | 10 Maret 2008 |
trima ksih
bikin bnyk informasi y..
Komentar oleh Incr3diBlu | 11 Maret 2008 |
massssss tuh kode di taro dimana sih?????? jawab please 😀
Komentar oleh Anonymous | 16 Maret 2008 |
pake elemen saja, trus pilih yg html/javascript…
Komentar oleh Rohman | 16 Maret 2008 |
Kalau caranya pasang icon google talk tau nggak mas…..?
Komentar oleh Taufiq | 8 April 2008 |
wahh…tutorialnya bagus nih kang…boleh nyontek donk 😀
Komentar oleh Arifin | 14 April 2008 |
mas klo mau taro di wordpress gimana ngaturnya saya pengen di taro di samping kiri
wordpress saya 2 colom
Komentar oleh Anonymous | 15 April 2008 |
makasih banyak kang
saya banayak belajar dari blog anda
good luck
Komentar oleh kholik | 22 April 2008 |
aku belajar dari sini ada yang berhasil dan ada juga yang belum ( masih otak atik heheh)
Komentar oleh jes | 25 April 2008 |
maaf mas, saya sdh ambil ilmunya tapi blm jadi2 jd blg terima kasih.
terima kasih mas atas inform dan ilmunya
Komentar oleh ci | 15 Mei 2008 |
okeh boz makasih iyah kang….
karo absen kie
newbie buanget jeee :((
Komentar oleh j0j0b4 | 3 Juni 2008 |
Blog ini informatif.
O ya Mas mao nanya kok nga bisa live YM saya di blog padahal wa da online YM ku.
Plis bantuannya.
Komentar oleh happyher | 8 Juni 2008 |
hai, sekarang aq dah ada lo … ymnya jadi klo ada yang mo ym-an ma aq dah bisa … hehehe … (gaya)
BTW datengin blog aq dund affiliate-tutorial
Komentar oleh rifqi | 14 Juni 2008 |
thanks ya atas tutorialnya! such a useful guide!
Komentar oleh Bali Smiles | 16 Juni 2008 |
terima kasih…
Komentar oleh Ray | 19 Juni 2008 |
mksi oms…sangat membantu…
Komentar oleh ilung | 25 Juni 2008 |
Makasih Kang…sy sdh berhasil 😉
Komentar oleh klulaku | 8 Juli 2008 |
Makasih Mas, tutorialnya sangat bermanfaat!
Komentar oleh Febri | 18 Juli 2008 |
yes aku berhasil …
Komentar oleh BOBBY SAHNAZ | 19 Juli 2008 |
thanks ya kang rohman. tutorialnya sangadh membantu aku ……..
buat alumni sman 1 cikarang utara neh aku buat web alumni. klik aza nama aku.
Komentar oleh bobby | 19 Juli 2008 |
DAPATKAN KARTU DEBIT GRATIS DARI PAYONER
UNTUK MENGAMBIL UANG GRATIS DI ATM BERLOGO MASTERCARD
GRATIS DI http://www.payama.tk
Komentar oleh Anonymous | 22 Juli 2008 |
saya nyoba di wordpress kok gak bisa ya??
Iconya ada tapi gak bisa di kirimi pesan..thx
Komentar oleh Anonymous | 22 Juli 2008 |
makasih bgt mas…
skrg dah bisa pk status YM
Komentar oleh RiP666 | 25 Juli 2008 |
ok bos makasih atas tips nya silahkan mampir ke blogku
Komentar oleh ekspresi.hati | 29 Juli 2008 |
Salam kenal nih kang, lagi belajar blog, ikutan nyontek ya
Komentar oleh galihwibisono | 30 Juli 2008 |
Hallo kang, salam kenal, tips nya ok nih, btw maaf kl salah topik, ada cara edit template flash ga ya?? saya lagi nyoba edit template flash dengan adobe flash cs3, saya udah ganti kq, masih munculnya yang sama ya??? thanx ya
Komentar oleh Joni | 31 Juli 2008 |
nice post
Komentar oleh Anonymous | 1 Agustus 2008 |
keren, thank’s for that tutorial.
Komentar oleh Jontri Pakpahan | 1 Agustus 2008 |
udah bisa kupasang ym statusnya kang rohman…thx bgt ya…cuma request lg dong kang…tutorial bikin icon ym statusnya yg custom,bukan standard dr yahoo…udah ada beberapa blog yg pke gambarnya sndri di icon ym-nya…tlg ya kang,thx
Komentar oleh PocanOnly | 2 Agustus 2008 |
thanks yap.. 🙂
Komentar oleh panah hujan | 2 Agustus 2008 |
thx bro.
Btw, sampeyan bisa bantu cari info bikin status YM dengan gambar buatan sendiri dengan menggunaken php-curl?
Komentar oleh anti-christ | 6 Agustus 2008 |
thank kang ya…yang sudah membimbing dnegantulisannya
Komentar oleh Batur SASAK | 7 Agustus 2008 |
om makasih atas tutorialnya ya..wah sekarang blogku jadi tambah keren dah..
skali lagi terima kasih
Komentar oleh tjahjo | 7 Agustus 2008 |
makasih mas atas tutorialnya,dan mohon ijin copy paste code java scriptnya ya untuk YM status dan navigation tree.
Komentar oleh blackD | 13 Agustus 2008 |
mas rohman,,,tulisan htmlnya kode2 itu …..
diletakkannya dimana?? maap mas soalnya gaptek n baru belajar nih,,,thx banget
Komentar oleh Aria | 13 Agustus 2008 |
maap mas rohman,,,udah bisa kok,,thx buanget nih,,,very very good site,,
Komentar oleh Aria | 13 Agustus 2008 |
kang.. blog sy templatenya baru diganti pake free magazine template 1. truz yang tulisan “edit me” tu cara ngeditnya gimana ya…kok di buka d halaman layout ga muncul gambar tangannya (kalo kursor diarahkan ke edit me)
Komentar oleh TabiNa | 13 Agustus 2008 |
salam kenal kang..
trims atas tips2nya, sangat membantu sekali.
kapan2 mampir ke blog saya di :
http://www.artikelweb.blogspot.com
Komentar oleh erick gunawan | 21 Agustus 2008 |
wah2..makasih bgt ni infonya..
udah nampang tu.. hehe..
liat aja ->> http://www.shine-pin.tk
tq bgt ya om:D
Komentar oleh Shine Pin | 22 Agustus 2008 |
Assalamu’alaikum kang Rohman tutorial blognya sangat bagus sekali! Salam kenal ya? Saya bhiema.
Komentar oleh Bhiemotion | 29 Agustus 2008 |
Numpang ngutip yah bozz…
Makasiy 🙂
Komentar oleh Ucrit_penyu | 31 Agustus 2008 |
wah, ko gk sukses ya… sedihnya..gmn kang..
apa saya nya yg gaptek ya…
Komentar oleh [kurni]Awan_cLIK3rz | 3 September 2008 |
ada g alternatif icon lain selain icon2 diatas?
Komentar oleh ardiankoe | 5 September 2008 |
thanks banget ya 🙂 met puasa..
Komentar oleh evy02 | 7 September 2008 |
Terimakasih atas ilmunya
om…..
Komentar oleh ilmukompluz | 8 September 2008 |