Hanya arsip

halaman asli ada di http://kolom-tutorial.blogspot.com

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 !

27 Mei 2007 - Posted by | aksesori blog, blog tutorial

62 Komentar »

  1. 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 | Balas

  2. 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 | Balas

  3. 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 | Balas

  4. 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 | Balas

  5. 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 | Balas

  6. 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 | Balas

  7. 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 | Balas

  8. Makasih, ya…
    Saya udah make sesuai script diatas

    Komentar oleh CHANDRA | 7 Oktober 2007 | Balas

  9. To abiz Bosss…saya banyak belajar dari sini….

    Komentar oleh edisamsuri | 20 Oktober 2007 | Balas

  10. trimakasih, dah aq masukin di blog-kyu.

    Komentar oleh anyie_ku | 26 Oktober 2007 | Balas

  11. terima kasih

    Komentar oleh T. Tjahjo Widyasmoro | 18 November 2007 | Balas

  12. mas aku sudah coba tapi kok napa gak bisa ya??

    Komentar oleh hugo_tkj | 30 November 2007 | Balas

  13. mas gimana kalau google talk? bisa nggak?

    Komentar oleh Nugi | 31 Desember 2007 | Balas

  14. trusss kodenya tarok di mana?

    Komentar oleh aneuk agam sidro | 4 Januari 2008 | Balas

  15. 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 | Balas

  16. @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 | Balas

  17. Thanks ya bang…

    atas tutorialnya….

    di link dung blog q bang…

    Komentar oleh rahmad | 4 Februari 2008 | Balas

  18. 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 | Balas

  19. trima ksih

    bikin bnyk informasi y..

    Komentar oleh Incr3diBlu | 11 Maret 2008 | Balas

  20. massssss tuh kode di taro dimana sih?????? jawab please😀

    Komentar oleh Anonymous | 16 Maret 2008 | Balas

  21. pake elemen saja, trus pilih yg html/javascript…

    Komentar oleh Rohman | 16 Maret 2008 | Balas

  22. Kalau caranya pasang icon google talk tau nggak mas…..?

    Komentar oleh Taufiq | 8 April 2008 | Balas

  23. wahh…tutorialnya bagus nih kang…boleh nyontek donk😀

    Komentar oleh Arifin | 14 April 2008 | Balas

  24. 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 | Balas

  25. makasih banyak kang
    saya banayak belajar dari blog anda
    good luck

    Komentar oleh kholik | 22 April 2008 | Balas

  26. aku belajar dari sini ada yang berhasil dan ada juga yang belum ( masih otak atik heheh)

    Komentar oleh jes | 25 April 2008 | Balas

  27. 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 | Balas

  28. okeh boz makasih iyah kang….
    karo absen kie
    newbie buanget jeee :((

    Komentar oleh j0j0b4 | 3 Juni 2008 | Balas

  29. 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 | Balas

  30. 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 | Balas

  31. thanks ya atas tutorialnya! such a useful guide!

    Komentar oleh Bali Smiles | 16 Juni 2008 | Balas

  32. terima kasih…

    Komentar oleh Ray | 19 Juni 2008 | Balas

  33. mksi oms…sangat membantu…

    Komentar oleh ilung | 25 Juni 2008 | Balas

  34. Makasih Kang…sy sdh berhasil😉

    Komentar oleh klulaku | 8 Juli 2008 | Balas

  35. Makasih Mas, tutorialnya sangat bermanfaat!

    Komentar oleh Febri | 18 Juli 2008 | Balas

  36. yes aku berhasil …

    Komentar oleh BOBBY SAHNAZ | 19 Juli 2008 | Balas

  37. 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 | Balas

  38. 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 | Balas

  39. saya nyoba di wordpress kok gak bisa ya??
    Iconya ada tapi gak bisa di kirimi pesan..thx

    Komentar oleh Anonymous | 22 Juli 2008 | Balas

  40. makasih bgt mas…
    skrg dah bisa pk status YM

    Komentar oleh RiP666 | 25 Juli 2008 | Balas

  41. ok bos makasih atas tips nya silahkan mampir ke blogku

    Komentar oleh ekspresi.hati | 29 Juli 2008 | Balas

  42. Salam kenal nih kang, lagi belajar blog, ikutan nyontek ya

    Komentar oleh galihwibisono | 30 Juli 2008 | Balas

  43. 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 | Balas

  44. nice post

    Komentar oleh Anonymous | 1 Agustus 2008 | Balas

  45. keren, thank’s for that tutorial.

    Komentar oleh Jontri Pakpahan | 1 Agustus 2008 | Balas

  46. 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 | Balas

  47. thanks yap..🙂

    Komentar oleh panah hujan | 2 Agustus 2008 | Balas

  48. 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 | Balas

  49. thank kang ya…yang sudah membimbing dnegantulisannya

    Komentar oleh Batur SASAK | 7 Agustus 2008 | Balas

  50. om makasih atas tutorialnya ya..wah sekarang blogku jadi tambah keren dah..
    skali lagi terima kasih

    Komentar oleh tjahjo | 7 Agustus 2008 | Balas

  51. 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 | Balas

  52. mas rohman,,,tulisan htmlnya kode2 itu …..
    diletakkannya dimana?? maap mas soalnya gaptek n baru belajar nih,,,thx banget

    Komentar oleh Aria | 13 Agustus 2008 | Balas

  53. maap mas rohman,,,udah bisa kok,,thx buanget nih,,,very very good site,,

    Komentar oleh Aria | 13 Agustus 2008 | Balas

  54. 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 | Balas

  55. 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 | Balas

  56. 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 | Balas

  57. Assalamu’alaikum kang Rohman tutorial blognya sangat bagus sekali! Salam kenal ya? Saya bhiema.

    Komentar oleh Bhiemotion | 29 Agustus 2008 | Balas

  58. Numpang ngutip yah bozz…

    Makasiy🙂

    Komentar oleh Ucrit_penyu | 31 Agustus 2008 | Balas

  59. wah, ko gk sukses ya… sedihnya..gmn kang..
    apa saya nya yg gaptek ya…

    Komentar oleh [kurni]Awan_cLIK3rz | 3 September 2008 | Balas

  60. ada g alternatif icon lain selain icon2 diatas?

    Komentar oleh ardiankoe | 5 September 2008 | Balas

  61. thanks banget ya🙂 met puasa..

    Komentar oleh evy02 | 7 September 2008 | Balas

  62. Terimakasih atas ilmunya
    om…..

    Komentar oleh ilmukompluz | 8 September 2008 | Balas


Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: