Cara Mudah Memasang Widget Yahoo Messenger di WordPress

Sebagai praktisi IT profesional, saya juga ingin berbagi sesuatu tentang Internet. Pada bagian ini saya akan menjelaskan cara mudah untuk memasang widget Yahoo Messenger di blog wordpress.

Apa itu widget?

Pernah dengan istilah Widget? Dalam dunia blogging istilah widget ini sering sekali disebut. Namun, tahukah anda apa itu witdget?

A widget is anything that can be embedded within a page of HTML, i.e. a web page. A widget adds some content to that page that is not static. Generally widgets are originated by third parties, though they can be home made. Embeddable chunks of code have existed since the early development of the World Wide Web. Web developers have long sought and used third party code chunks in their pages. Early web widgets provided functions such as link counters and advertising banners. – Wikipedia

Widget adalah suatu elemen yang dapat disimpan pada suatu halaman HTML. Umumnya, sebuah widget itu berfungsi untuk memberikan informasi dari pihak ketiga, baik itu berupa link, counter, informasi, atau iklan.
Selain sebagai media informasi pihak ketiga, dalam dunia blogging widget juga memiliki fungsi beragam. Diantaranya :

  • mempercantik tampilan website
  • menambah fitur website
  • sebagai alat marketing (untuk penjualan)

istilah lain untuk widget : gadget, badge, module, webjit, capsule, snippet, mini, flake, application, dll.
Untuk menampilkan widget pada blog anda, dibutuhkan suatu kode (HTML, Flash, Javascript) yang telah disediakan oleh pihak ketiga. Kemudian tugas anda hanya menyimpan kode tersebut di salah satu bagian blog anda.

Seperti di blog saya, anda bisa melihat ada Logo Yahoo Messenger, itu adalah salah satu jenis widget.

Kini Anda sudah bisa memasang widget di YM di wordpress.com, apabila Theme yang saya pergunakan bisa tampil dan aktif seperti gambar disamping maka semua Theme di wordpress.com hampir bisa dipastikan bisa ditambahkan juga widget ini , ikuti langkah berikut ini :

1. Masuk ke dashboard Anda sebagai Admin

2. Klik Appereance, widget, cari widget tekt , drag dan drop kesebelah kanan

3. Copy paste atau isikan kode berikut ini ke widget tekt

<ahref=”http://edit.yahoo.com/config/send_webmesg?.target=ID_Anda amp;.src=pg”><imgsrc=”http://opi.yahoo.com/online?u=ID_Andaamp;m=g&amp;t=14&amp;l=us” border=”0″ alt=”” /></a>

atau  apabila Theme Anda masih bandel tidak mendukung, copy-kan code berikut ini

<ahref=”//edit.yahoo.com/config/send_webmesg?.target=ID_Anda amp;.src=pg””><imgsrc=”//opi.yahoo.com/online?u=ID_Anda&amp;m=g&amp;t=14&amp;l=us”” border=””0″” /></a>

4. Ganti tulisan ID_Anda dengan ID YM Anda.

5. Agar Icon YM tepat ditengah- tengah widget, tambahkan kode <p style=”text-align:center;”> diawal kode dan kode </p> di akhir kode yang telah Anda buat sebelumnya.

6. Anda juga bisa  mengganti icon tersebut dengan icon yang lain dengan bergabung disini , ini contohnya :

Bagaimana caranya ? tetap pergunakan kode diatas silahkan ganti tulisan yang berwarna hijau dibawah ini dengan links baru yang anda dapatkan saat bergabung dialamat tersebut. BTW setelah bergabung dialamat tersebut kalau Anda bisa membuat icon sendiri dan meng-uploadnya serta cukup menarik bagi banyak orang apalagi memasangnya, berarti Anda sudah membuat backlink bagi blog Anda. :D

<a href=”http://edit.yahoo.com/config/send_webmesg?.target=ID_Anda amp;.src=pg”><img src=”http://opi.yahoo.com/online?u=ID_Anda&amp;m=g&amp;t=14&amp;l=us” border=”0″ alt=”” /></a>

Selamat mencoba !

Semoga bermanfaat !

Salam FLB (Fokus Luar Biasa)
Firman Pratama ST,CHt,CNLP
Owner Wahana Sejati
Founder Alpha Telepati

5 Tanggapan

  1. oohh gtu toh gan…waahh bisa di coba nih…thanks y gan buat infonya yg mnarik ini.

  2. Terima kasih untuk ilmunya… tapi saya sudah pasang status YM di blog saya (http://rcsp.wordpress.com), status sudah terlihat tetapi ketika diklik gambarnya, tidak bisa langsung ke media chat YM dengan saya.
    Mohon pendapatnya Bos-Bos sekalian…

  3. Mantap, boleh di coba triknya nih🙂 Belajar seo gratis dan bisnis online</b..Mau??

  4. waduuuuuuuuuuuuuuuuu IT PROFESIONAL KOEN GILA HABIS JARGONNYA

  5. Bagus Infonya

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: