Cara Memasang Alexa Site Stats Button Pada Sidebar Di WordPress

Postingan kali ini tidak jauh beda ama postingan sebelumnya yaitu memasang rank pada blog wordpress,,Cuma kali ini ane akan gunakan alexa rank,,yang katanya susah untuk dipasang diblog wordpress karena kodenya berbentuk javascript sementara wordpress GA mendukung javascript,,nah lho gimana pasangnya,,,?????
Tenang-tenang gan,,ane punya solusinya(tapi agak ribet juga)hhe

Di sini ane akan kasih tau langkah-langkah untuk memasang alexa rank pada wordpress,

Oke langsung aja gan ikutin langkah-langkahnya di bawah ini yah!!!…

1.Kunjungi situs ini gan http://www.alexa.com/siteowners/widgets

Maka akan muncul halaman situs alexanya,,seperti gambar dibawa ini..

2.Pada kolom “Alexa Site Stats Button” isi dengan URL blog agan,, Contoh: akimlinovsisa.wordpress.com
Kemudian klik “Build Widget”,,lihat gambar…

3.Setelah di klik,,maka akan tampil ke halaman berikutnya,,

4.Agan copy dulu kode javascriptnya,, seperti dibawah ini

1	<a href="http://www.alexa.com/siteinfo/akimlinovsisa.wordpress.com"><script type='text/javascript'src='http://xslt.alexa.com/site_stats/js/s/a?url=akimlinovsisa.wordpress.com'></script></a>

JANGAN AGAN TUTUP DULU HALAMAN SITUS ALEXA TERSEBUT.

Kemudian untuk mengubah kode JAVASCRIPT diatas agar bisa di pasang pada blog WordPress.com yang kita perlukan adalah alamat address gambar dari widget alexa yang telah agan buat tadi.,

Berikut caranya :

1.Agan kembali lagi ke halaman situs alexanya,,

2.Kemudian arahakan kursor agan pada gambar dari alexanya,,kemudian klik kanan pilih “Image Properties,,lihat gambar..

3.Kemudian akan muncul kotak dialog image.gif

Disini agan akan mengambil KODE ADDRESS dari gambar alexa agan yang nanti akan di gabungan dengan kode HTML dari ane,,

Pada addres: (copy kodenya mulai dari http drag terus kekanan sampai .gif) Lihat gambar..

Contoh kode address punya ane:
(http://xsltcache.alexa.com/site_stats/gif/s/a/YWtpbWxpbm92c2lzYS53b3JkcHJlc3MuY29t/s.gif)

NB: Jangan sampai salah copy kodenya karna klo salah tidak akan muncul nanti gambarnya,,

Kemudian agan masukan kode tsb kedalam kode dibawah ini..artinya kode yang mulai dari “http” dibawah ini agan ganti ama kode “http” address agan,,

Ne kode HTML dari ane..

1	<img src=”http://xsltcache.alexa.com/site_stats/gif/s/a/ZHVuaWFiZWxhamFyYmxvZy5jb20=/s.gif“/></a>

Maka agan jadi seperti ini..(perhatikan kode addres berubah)

1	<img src=”http://xsltcache.alexa.com/site_stats/gif/s/a/YWtpbWxpbm92c2lzYS53b3JkcHJlc3MuY29t/s.gif “/></a>

Setelah kode tersebut berhasil di masukan kamudian agan gabungkan,,
Kode tadi ke dalam kode javascript punya agan,,yang pertama tadi..

Contoh,,ne kode Javascript yang pertama tadi..

1	<a href="http://www.alexa.com/siteinfo/akimlinovsisa.wordpress.com"><script type='text/javascript'src='http://xslt.alexa.com/site_stats/js/s/a?url=akimlinovsisa.wordpress.com'></script></a>

Ganti kode:

1	<script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/s/a?url=akimlinovsisa.wordpress.com'></script></a>

Dengan kode: addres tadi,,

1	<img src=”http://xsltcache.alexa.com/site_stats/gif/s/a/YWtpbWxpbm92c2lzYS53b3JkcHJlc3MuY29t/s.gif “/></a>

Maka keseluruhan kode akan jadi seperti ini..

1	<a href="http://www.alexa.com/siteinfo/akimlinovsisa.wordpress.com"><img src="http://xsltcache.alexa.com/site_stats/gif/s/a/YWtpbWxpbm92c2lzYS53b3JkcHJlc3MuY29t/s.gif"/></a>

Langkah terakhir adalah copas kode yang sudah agan gabungkan tadi (kode keseluruhan) kedalam widget text,,
Untuk memasang kode tersebut pada sidebar blog agan,,caranya adalah:

1.Klik “Appereance/Tampilan” –>” Widget “
2.Pilih widget “Text“
3.Drag (tarik) widget TEXT ke sidebar –> Beri judul –> paste code HTML yang telah agan copy tadi..
4.Lalu klik simpan & selesai.

NB: Cara diatas memang agak rumit,,maka jangan sampai salah meng-copy n menggabungan kode”nya akibatnya bisa GATOT,,hhe

Selamat mencoba..
Semoga berhasil..