Memasang Ikon Yahoo Messenger di Blog, Bag. 1

Banyak komentar yang masuk berkaitan dengan artikel yang berjudul Menampilkan Ikon Yahoo Messenger di Website. Rata-rata bertanya gimana caranya memasang kodenya.

Untuk itu pada artikel ini akan saya bahas bagaimana cara untuk memasang ikon tersebut di blog dengan platform WordPress. Di bagian pertama ini saya akan membahas cara menyisipkan ikon tersebut di halaman posting.

Tips ini bisa diterapkan di blog versi gratisan di WordPress.Com maupun blog dengan domain dan hosting sendiri asalkan platformnya WordPress. Kita bisa memasang ikon tersebut melalui editor visual maupun editor HTML.

Pada kasus ini saya menggunakan WordPress versi 2.7. Jadi bagi yang versi WordPress-nya berbeda bisa menyesuaikan, baik itu tampilan maupun menu perintahnya.

Cara Pertama:  Editor Visual

Klik ikon Add an Image pada editor Visual (di sebelah tulisan Upload/Insert). Nanti akan muncul kotak dialog Add an Image seperti gambar di bawah ini.

Pastikan Anda memilih tab From URL pada kotak dialog tersebut.

Selanjutnya di bagian Image URL, Anda masukkan kodenya dengan format:

http://opi.yahoo.com/online?u={ym_id_anda}&m=g&t=2

Jangan lupa berikan keterangan secukupnya pada bagian Image Title. Pada bagian Link Image To Anda ketikkan kode berikut:

ymsgr:sendIM?{ym_id_anda}

Klik button Insert into Post jika sudah selesai.

Cara Kedua: Editor HTML

Selain pakai editor visual, kita juga bisa menyisipkan secara manual melalui editor HTML. Cara ini ada baiknya Anda coba, karena pada pembahasan bagian kedua nanti juga memakai cara manual.

Caranya klik button HTML pada bagian kanan atas editor. Lalu sisipkan kode berikut pada editor tersebut. Posisinya terserah Anda.

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

Saat Anda kembali ke mode visual, gambar ikon tersebut akan muncul.

(bersambung)

Tweet This Delicious Digg This Facebook MySpace Stumble This