Pasang widgets alexa di wordpress

Mungkin ada yang masih bingung pasang widgets alexa rank di wordpress? Wajar aja masih bingung karena kode widgets alexa rank berbentuk javascript sehingga tidak diterima di wordpress.

Namun ada sedikit trik supaya widgets tersebut bisa dipasang di wordpress. Berikut caranya:

• Kunjungi situs http://www.alexa.com/siteowners/widgets
• Silahkan pilih Alexa Site Stats Button atau Alexa Traffic Rank Button.
• Kemudian masukkan alamat blog anda di kotak widgets yang anda pilih. (Misal: www.contoh.wordpress.com)
• Klik tombol ‘Build Widget’.
• Simpan kode JavaScript di notepad. Contoh kode: <SCRIPT type='text/javascript' language='JavaScript' src='http://xslt.alexa.com/site_stats/js/s/a?url=www.contoh.wordpress.com'></SCRIPT>
• Jangan tutup dulu halaman alexa tersebut.

Sekarang kita akan memodifikasi kode tersebut supaya bisa dipasang di WordPress.com. Berikut caranya :

• Kembali ke halaman alexa sewaktu kita mengambil kode tadi.
• Letakkan kursor mouse pada gambar widgets alexa yang anda pilih tadi, kemudian klik kanan pada mouse anda dan klik ‘Properties’ atau ‘Copy image location’ (tergantung dari web browser anda).
• Kemudian paste-kan alamat gambar alexa tadi di notepad dulu. Contoh alamat gambar dari kode widgets diatas: http://xsltcache.alexa.com/site_stats/gif/s/a/d3d3LmNvbnRvaC53b3JkcHJlc3MuY29t/s.gif
• Kemudian kita gabungkan kedua alamat tersebut menjadi sebuah link gambar agar bisa dipasang di WordPress.com. Seperti kode dibawah ini: (ganti tulisan warna merah sesuai dengan kode anda)
  

<a href="http://www.alexa.com/data/details/main?url=http://www.contoh.wordpress.com">
<img src="http://xsltcache.alexa.com/site_stats/gif/s/a/d3d3LmNvbnRvaC53b3JkcHJlc3MuY29t/s.gif"></a>

• Jadi deh kode widgets alexa
• Kemudian copy-kan code yang telah dirubah tersebut ke widgets ‘Text’ di blog wordpress anda.

Related Posts