Bagi anda yang mempunyai Web/Blog yang kebetulan memakai WordPress dan ingin menambah widget yang memakai kode Java script ada trik khusus seperti yang dibahas pada postingan saya kali ini.

Widget yang saya maksud tadi salah satunya adalah Alexa Rank. Fungsi dari Alexa Rank sendiri adalah untuk mengetahui sejauh mana peringkat Web/Blog kita pada mesin pencari / search engine khususnya Google yang berdasarkan pengunjung pada web/blog kita.

Kita tahu bahwa program wordpress.com (atau wordpress gratisan) tidak bisa mengakses kode html yang berbentuk java script (contoh: … dst). Sementara untuk menampilkan widget rangking dari Alexa, yang diberikan adalah java script. Otomatis rangking web yang diberikan oleh Alexa di blog wordpress tidak bisa ditampilkan.

Namun ada cara mudah, agar kita bisa menampilkan Alexa rank di blog wordpress gratisan ini. Langkah-langkahnya adalah:

1. Kunjungi situs Alexa rank di http://www.alexa.com

2. Klik For Site Owners, kemudian klik Get Traffic Widgets

3. Pilih salah satu Widget. Jika yang diinginkan adalah Alexa Site Stats Button, masukkan situs blog wordpress Anda. misal: http://nurazizcomputer.wordpress.com, kemudian klik tombol Build Widget.

4. Pada gambar Site Info (gambar statistik rangking yang nantinya ingin kita tampilkan) yang diinginkan, blog gambar tersebut (klik kiri ditahan dan gerakkan mouse melewati gambar tersebut), kemudian tekan ctrl+c untuk meng-copy-nya.

5. Masuk (login) ke WordPress, buat tulisan baru. Pada tab Visual paste-kan (ctrl+v), sehingga didapatkan kode dan gambar tertentu. Kemudian klik tab HTML dan blok (sorot) hanya pada kode

<a href=”http://www.alexa.com/data/details/main?url=http://nurazizcomputer.wordpress.com”><img src="http://xsltcache.alexa.com/site_stats/gif/s/a/aHR0cDovL251cmF6aXpjb21wdXRlci53b3JkcHJlc3MuY29t/s.gif" border="0" alt="Alexa Certified Traffic Ranking for http://nurazizcomputer.wordpress.com" />

dan copy.

Catatan : tiap-tiap web/blog yang dimasukkan di Alexa mempunyai kode berbeda-beda.

6. Setelah itu, pilih Tampilan (Themes), kemudian pilih Widget, kemudian pilih Teks (Text) untuk di-drag di sisi kanan. Kemudian edit (klik segitiga di sebelah kanan widget Text), dan paste-kan hasil copy tadi. Simpan, dan keluar dari widget Text tersebut

7. Silahkan dicek dan lihat hasilnya.