Skip to content
Follow us on Twitter or subscribe to this
website by email or with the RSS feed

Menampilkan Icon Yahoo Messenger di Website

Banyak situs e-Commerce memanfaatkan Yahoo Messenger untuk berinteraksi dengan pelanggan. Kita bisa mengetahuinya dengan adanya icon Yahoo Messenger pada situs tersebut yang menunjukkan status Customer Service-nya apakah sedang online atau tidak.

Apabila Anda mempunyai account di Yahoo, mungkin Anda juga berkeinginan untuk menampilkan status online seperti itu di blog atau website Anda. Itu bisa saja dilakukan dan caranya pun tidak begitu sulit.

Dengan memasang icon Yahoo Messenger seperti itu, teman-teman Anda yang kebetulan sedang mengunjungi situs Anda — meskipun sedang tidak online — akan segera tahu apakah Anda sedang online atau tidak.

Lalu bagaimana cara untuk menampilkan icon tersebut?

Pada tulisan sebelumnya, kita sudah membahas tips sederhana untuk mengecek status seseorang di Yahoo Messenger, apakah sedang online atau tidak. Dengan sedikit modifikasi, kita bisa menampilkan icon tersebut di website kita.

Di antara ketiga cara yang dibahas pada tulisan tersebut, pada umumnya yang sering dipakai adalah cara yang ketiga. Cara tersebut lebih disukai karena gambarnya lebih besar, menarik dan terlihat jelas.

Untuk menampilkan gambar tersebut di website, kita bisa memanfaatkan tag IMG dengan format seperti berikut ini.

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

Bagian {username} harus Anda ganti dengan username Anda di Yahoo. Untuk parameter t nilainya tidak harus 2. Anda bisa bereksperimen dengan mengubah-ubah nilai tersebut. Nantinya style gambar yang akan ditampilkan juga akan berbeda.

Untuk lebih jelasnya Anda simak contoh berikut ini. Berhubung alamat email saya di Yahoo adalah wahyu_ondo@yahoo.com, maka untuk {username} saya ganti dengan wahyu_ondo, sehingga menjadi:

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

Gambar yang ditampilkan di halaman web nantinya tidak selalu sama, tergantung dari status saat ini, apakah sedang online atau tidak.

Jika ikon di atas diklik akan muncul aplikasi Yahoo Messenger (jika sebelumnya di komputer Anda telah diinstall Yahoo Messenger). Hal itu bisa terjadi karena adanya protokol ymsgr pada bagian tag a.

Protokol ymsgr tersebut mempunyai beberapa parameter, yaitu antara lain:

sendIM

Parameter sendIM dipakai untuk mengirim pesan kepada username tertentu. Formatnya adalah sebagai berikut:

ymsgr:sendIM?{username}

Kita bisa menambahkan pesan tertentu pada parameter tersebut dengan menambahkan parameter m diikuti pesan dibelakangnya.

Misalnya sebagai berikut:

ymsgr:sendIM?wahyu_ondo&m=Ini+adalah+pesan

addfriend

Parameter addfriend dipakai untuk menambahkan link ke dalam daftar chat room. Formatnya adalah sebagai berikut:

ymsgr:addfriend?{username}

Selamat mencoba.

Post to Twitter Tweet This Post to Delicious Delicious Post to Digg Digg This Post to Facebook Facebook Post to MySpace MySpace Post to StumbleUpon Stumble This

Artikel Terkait:

POST BANNER

Bagaimana Komentar Anda?

Monggo kalau Anda mau mengomentari tulisan di atas! Bertanya atau mengkritik juga boleh, tapi jangan terlalu menyakitkan :).

  • usman | November 27th, 2008 jam 2:37 pm

    gimana cara kalau kita mau menampilkan YM nya lebih dari satu, atau kita ambil database ?,…
    Thank’s

  • dizzy | December 21st, 2008 jam 6:11 pm

    dimana saya harus menyimpan code tersebut???

  • engalicious | January 13th, 2009 jam 11:02 pm

    milih iconna gmna ??
    msa’ musti nyobak atu2 getoo ..
    gda yg lebi cpet ??

  • wahyoe | January 30th, 2009 jam 11:43 am

    tapi sayang di gunakan di WP gak bisa.. :D

  • Wayan Arimawan | February 3rd, 2009 jam 11:57 am

    aku dah coba, kok gak bisa? salahnya dimana ya. Aku dah online, tapi di web aku tetep kelihatan offline. Thank be4

  • Wahyu Wibowo | February 3rd, 2009 jam 11:41 pm

    Coba dicek dulu dengan mengetikkan URL-nya di kotak address dari browser. Kalau gambar ikon yang muncul sudah sesuai dengan status online atau tidak berarti sudah benar.

    Misalnya: http://opi.yahoo.com/online?u=yahoo_id&m=g&t=2

  • Wahyu Wibowo | February 14th, 2009 jam 8:57 am

    Masak iya sih di WP nggak bisa? Saya juga pakai WP lho…

  • infopemula | February 17th, 2009 jam 2:08 pm

    Makasih buat infonya, bs langsung dicoba nih :D

  • cheilla | March 5th, 2009 jam 4:21 pm

    masukin kode’y diblog qta gmn n dmn???
    koq caranya g da sich???
    blz y…

  • Kaka | June 3rd, 2009 jam 2:18 pm

    Tank’s sob infonya berguna bgt bwt aq yg pemula

  • iqbal | June 8th, 2009 jam 9:27 pm

    Makasih info dan ilmunya, mampirya, ke bisnis saya, moga moga bermanfaat buat kita semua ?

  • iqbal | June 8th, 2009 jam 10:17 pm

    MATUR NUWON BOS, AKU UWIS ISO PASANG YM NENG WEBKU, SUWUN YO BOS, MAMPIR LHO YO TAK ENTENI

  • Bossgratis | June 20th, 2009 jam 11:21 am


    nyoba ya….

  • Astutik | December 15th, 2009 jam 9:49 am

    Hallo sobat! pa kbr nich? besok tgl 24 if U plg jgn lupa main ke rumah ya!

    Btw, rumahnya dimana ya…. :-)

  • transfer factor bandung | December 30th, 2009 jam 10:06 am

    pa, makasih ya… mantab infonya

    salam kenal

  • Hendri | June 24th, 2010 jam 12:09 pm

    thx infonya

Tinggalkan Pesan