Cara Menampilkan Contact Yahoo Messenger Ym Di Blog

Pada tutorial kali ini, saya akan membahas sebuah tutorial tentang cara membuat atau menampilkan status online dan offline yahoo messenger atau Ym di blog kesayangan kamu. Sebenarnya akan lebih pas kalau judulnya kita sebut cara memasang contact yahoo messenger (Ym) di blog, tapi ya biar sajalah. disini ada 3 cara untuk membuat atau menampilkan contact yahoo messenger (Ym) dan tutorial ini hanya untuk pengguna blogger, tapi bagi pemilik website juga bisa menerapkan cara ini agar bisa menampilkan contact ym di website sendiri. dan tentu saja pemilik website dan blog harus punya akses untuk mengedit HTML. Mari kita mulai saja tutorial ini.  Cara ini akan saya bagi menjadi 2 bagian, yang pertama dengan cara mudah dan kedua dengan cara yang sama namun lebih cepat.

Cara pertama:
Membuat atau menampilkan status online dan offline yahoo messenger Ym dengan cara ini sangat mudah, karena kita hanya tinggal mengisi id ym kita, setelah itu kita langsung copy kode ym yang sudah di buat.

1. kunjungi website resmi http://ymgen.com

2. pada bagian kanan layar, isi dengan id Yahoo messenger kita, setelah itu di bagian bawah pilih jenis gambar yang ingin kamu gunakan, seperti contoh, lihat gambar yahoo messenger yang ada di gambar. Setelah itu, klik generate code di bagian paling bawah. Lalu kemudian copy kode ym yang sudah dibuat dan paste kode ym tersebut ke dalam widget blog atau website sendiri, bagi yang memiliki website.

isikan id Ym kamu

pilih gambar yang kamu suka

generate code agar image preview dan kode kamu muncul

copy dan paste kode yang sudah di generate ke widget blog

Catatan : id yahoo messenger kamu berasal dari id email kamu sendiri, jadi kalau misalnya id kamu test[at]yahoo.com, maka kamu cukup mengisi id kamu yaitu test ke dalam kotak isian id yahoo messenger tadi. saat saya mencoba membuat contact ym dan mengisi id ym saya, yang berfungsi adalah id contoh "test", sedangkan saat saya coba isi dengan id lengkap email malah tidak berfungsi.

3. masuk ke blog kamu lalu pilih tab menu tata letak, lalu kemudian tambahkan widget baru bernama widget html/javascript.

menu tata letak

tambah atau add new gadget

pilih widget HTML/Javascript

4. setelah itu pastekan kode yang telah kamu copy tadi ke dalam text editor widget html/javascript  blog kamu tadi lalu klik simpan.

pastekan kode Ym ke dalam widget HTML/Javascript

5. lihat blog kamu , jika gambar yahoo messenger (Ym) sudah muncul, selamat, yahoo messenger (Ym) kamu sudah siap di gunakan, untuk  mengetahui apakah Ym kamu sudah berfungsi dengan benar, silahkan login ke id yahoo kamu melalui applikasi yahoo messenger kamu atau melalui email login kamu di website yahoo.

Ym offline

Ym online

Cara kedua: 
Saya rasa cara yang ini lebih cepat, namun tidak akan ada gambar yang bisa kamu pilih sesuai keinginan, cara ini akan sedikit lebih rumit karena jika kamu mau mengganti gambarnya, maka harus merubah kode yang ada sesuai dengan URL atau gambar sendiri yang kamu inginkan. Perbedaannya ialah, kamu bisa meletakkan gambar langsung ke dalam website kamu dan menghubungkannya ke kode yahoo kamu. itu artinya kamu bisa ubah gambar sesuai dengan yang kamu inginkan. Sedangkan pada blog, kita harus menaruhnya di tempat yang lain atau dengan cara membuat posting baru di blog dan langsung upload di dalam posting. setelah itu, baru kamu bisa menghubungkannya ke kode yahoo kamu agar bisa menampilkan contact yahoo.

Catatan: pada artikel ini tidak akan di bahas cara mengganti gambar yahoo messenger ym.

Mari kita mulai cara kedua ini.
1. copy kode ym di bawah ini lalu buka menu tata letak blog kamu.

<a target="_blank" href="http://ymgen.com/chat.php?idne=test"><img border="0" src="http://opi.yahoo.com/online?u=test&m=g&t=14"></a>

Catatan: ganti tulisan warna merah dengan id Ym kamu.

2. add widget baru bernama text editor html/javascript.

3. paste kan kode tadi ke dalam text editor html/javascript kamu, kemudian klik tombol simpan.

4. lihat pada blog kesayanganmu, apabila gambar contact yahoo messenger telah muncul, maka selamat, kamu telah berhasil membuat atau menampilkan yahoo messenger Ym ke dalam blog kesayanganmu. Untuk memastikan contact yahoo messenger kamu berfungsi dengan benar, silahkan login melalu aplikasi yahoo messenger atau  langsung login ke email yahoo kamu.

Sampai disini dulu pembahasan kita tentang cara membuat atau menampilkan yahoo messenger Ym di blog kesayangan kamu. Salam hangat dari admin yos.