Menampilkan Status ID Yahoo Messenger pada Joomla 2.5

Sebagaimana Blog atau website lainnya yang kita bangun, pada Joomla 2.5 dapat disisipkan tampilan status ID Yahoo. Pada beberapa editor Joomla, Status ID Yahoo Messenger tidak dapat kita masukkan begitu saja, sebab Status ID Yahoo mungkin tidak akan tampak pada website kita jika salah memasukkannya. Sebelum lanjut, penulis akan memperlihatkan dahulu kode HTML cara menampilkan Status ID Yahoo yang telah dibuat pada tutorial sebelumnya, yakni seperti berikut:

<a href="ymsgr:sendIM?IDYahoo"><img src="http://opi.yahoo.com/online?u=YahooID&t=2"/><a/>

atau:

<a href="ymsgr:sendIM?laodeamirj"><img src="http://opi.yahoo.com/online?u=laodeamirj&t=2"/><a/>

Untuk memasukkannya pada Website Joomla, silahkan login ke administrator Joomla Anda, dan setelah login masuk ke Modul Manager, seperti tampak pada gambar berikut:

Klik New, maka akan tampil halaman berikut:

Pilih Custom HTML

Jika Anda menggunakan Editor TinyMCE, maka tampilannya seperti gambar berikut:

Masukkan Judul/Title, misalnya CS Online. Pada Show Title Anda dapat memilih Hide (sembunyikan) atau Show (Tampilkan). Selanjutnya pilih position (cara memilih posisi ini telah banyak dijelaskan pada beberapa tutorial sebelumnya, jadi penulis tidak akan menjelaskannya lagi), dan seterusnya. Selanjutnya kita pindah pada Custom Output, dimana editor terdapat toolbar HTML, namun kita tidak dapat memasukkan kode HTML Status ID Yahoo pada toolbar ini, dan jika kita paksakan, maka Status ID Yahoo tidak akan tampil website kita. Perhatikan pada bagian kanan bawah editor, yakni Toggle editor. Klik pada Toogle editor (Editor Alih/beralih ke editor lain), maka Custom Output akan tampak pada gambar berikut:

Salin dan Tempel/Paste kode HTML di atas ke kotak Text Custom Output, seperti tampak pada gambar berikut:

Untuk melihat tampilannya, klik pada Toogle Editor lagi, dan akan tampak seperti gambar berikut:

Tampak pada gambar bahwa Status ID Yahoo telah tampil. Selanjutnya Simpan modul yang dibuat tersebut (Panel Save terdapat pada kanan atas) dan bukan halaman web Anda untuk memastikannya lagi.

Catatan:
Jika Anda menggunakan Editor lain, Anda dapat menggunakan cara yang sama seperti cara di atas dimana sebelum Anda memasukkan kode HTML Status ID Yahoo Messenger, cari dahulu panel toggle editor. Jika Anda bingung dan tidak menemukan Panel toggle editor tersebut, buka Global Configuration, ganti Default Editor menjadi Editor-CodeMirror atau Editor-None. Baca Artikel mengenal Global Configuration dan Editor 


Sumber : http://www.naskah.net/2012/06/menampilkan-status-id-yahoo-messenger.html