Pasang Widget Alexa di WordPress

Bagi pendatang baru di dunia weblog mungkin masih ada yang bingung cara memasang widgets alexa rank di wordpress.
Kebingungan terjadi biasanya karena kode widgets alexa rank berbentuk javascript sehingga tidak disupport wordpress.

Ada upaya untuk tetap bisa menampilkan widget alexa rank ini supaya bisa dipasang di wordpress. Caranya sebagai berikut :

1.Lakukan kunjungan ke situs http://www.alexa.com/siteowners/widgets

2.Pilih sesuai selera Alexa Site Stats Button atau Alexa Traffic Rank Button.

3.Masukkan alamat blog anda di kotak widgets yang anda pilih sesuai selera. (Misal: http://www.produksipemalang.wordpress.com)

4.Klik tombol ‘Build Widget’.

5.Simpan kode JavaScript di notepad. Contoh kode:

<script src=”http://xslt.alexa.com/site_stats/js/s/a?url=https://mazipanneh.wordpress.com&#8221; type=”text/javascript”><!–mce:0–></script>

6.Jangan tutup dulu halaman alexa tersebut.

7.Modifikasi kode tersebut supaya bisa dipasang di WordPress.com dengan cara sebagai berikut :

8.Buka kembali halaman alexa saat mengambil kode tadi.
9.Letakkan kursor mouse pada gambar widgets alexa yang anda pilih tadi, kemudian klik kanan pada mouse dan klik ‘Properties’ atau ‘Copy image location’ (tergantung dari web browser anda).

10. Paste-kan alamat gambar alexa tadi di notepad. Contoh alamat gambar dari kode widgets diatas:

http://xsltcache.alexa.com/site_stats/gif/s/a/d3d3LnByb2R1a3NpcGVtYWxhbmcud29yZHByZXNzLmNvbS8=/s.gif

11.Kemudian gabungkan kedua alamat tersebut menjadi sebuah link gambar agar bisa dipasang di WordPress.com. Bisa lihat contoh kode dibawah ini: (sesuaikan dengan kode anda)

<a href=”//http://www.alexa.com/data/details/main?url=http://www.produksipemalang.wordpress.com%22“>
<img src=”http://xsltcache.alexa.com/site_stats/gif/s/a/d3d3LnByb2R1a3NpcGVtYWxhbmcud29yZHByZXNzLmNvbS8=/s.gif“><a></a>
12. Copy-kan code yang telah dirubah tersebut ke widgets ‘Text’ di blog wordpress anda.

One thought on “Pasang Widget Alexa di WordPress

Be a good reader, leave your comment please.

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s