Cara Pasang Widget Alexa pada Blog WordPress

 Maaf ya sobat blogger bukannya aku menggurui nih dalam tutorial kali ini, mungkin diantara sobat blogger ada yang menggunakan Blog WordPress.com ingin memasang Widget Alexa Rank pada blog-nya. Padahal WordPress.com kan mengharamkan yang namanya Java Script. Coba saja sobat pasang Widget Alexa pada blog WordPress.com tentunya tidak akan diterima dan tidak akan muncul pada sidebar blog. Nah kali ini saya kasih Cara Pasang Alexa Rank pada Blog WordPress.com. Lihat saja hasilnya seperti Blog saya https://galaxyanimasi.wordpress.com
Langkah-langkah memasang widget Alexa di WordPress.com :

1. Pergi ke situsnya alexa atau langsung ke http://www.alexa.com/siteowners/widgets untuk mengambil kodenya.
2. Isikan Url blog WordPress.Com anda pada kotak Alexa Site Stats Button atau Alexa Traffic Rank Button sesuai domain blog anda.
3. Kemudian masukkan alamat blog anda di kotak widget yang anda pilih.
a. Untuk widget Alexa Site Stats Button
(contoh : http://www.galaxyanimasi.wordpress.com).
b. Untuk widget Alexa Traffic Rank Button
(contoh : galaxyanimasi.wordpress.com)
4. Dan klik tombol ‘Build Widget’.
5. Copy dulu di notepad kode JavaScript hanya yang alamat blog anda seperti yang dicetak merah.
Contoh kode :
<a href=”http://www.alexa.com/siteinfo/www.galaxyanimasi.wordpress.com”><script type=’text/javascript’ src=’http://xslt.alexa.com/site_stats/js/s/b?url=www.galaxyanimasi.wordpress.com’></script></a&gt;
Jangan anda tutup dulu halaman alexa tersebut.
Untuk bisa tampil pada halaman sidebar blog wordpress sobar kode yang diberikan oleh Alexa harus di modif dahulu, cara seperti berikut :
• Kembali ke halaman alexa sewaktu kita mengambil kode tadi.
• Letakkan kursor mouse pada “gambar widget alexa” yang anda pilih tadi, kemudian klik kanan pada mouse anda dan klik ‘Properties’ atau ‘Copy image location’ (tergantung dari web browser anda : saya menggunakan Mozilla).
• Kemudian paste-kan alamat gambar alexa tadi di notepad dulu.
• Contoh alamat gambar dari kode widget yang kita ambil :

http://xsltcache.alexa.com/site_stats/gif/t/b/d3d3LmdhbGF4eWFuaW1hc2kud29yZHByZXNzLmNvbQ==/s.gif

• Kemudian kita gabungkan kedua alamat tersebut menjadi sebuah link gambar agar widget alexa bisa dipasang di blog WordPress. Sehingga hasilnya sebagai berikut :

<a href=”http://www.alexa.com/data/details/main?url=https://galaxyanimasi.wordpress.com“>

<img src=”http://xsltcache.alexa.com/site_stats/gif/t/b/d3d3LmdhbGF4eWFuaW1hc2kud29yZHByZXNzLmNvbQ==/s.gif“/” /></a>
Jadilah kode widget Alexa yang kita bisa pasang di Blog WordPress.com tanpa embel-embel JavaScript lagi. Bagi anda ambil mudahnya saja anda tinggal pakai Widget yang sudah jadi, hanya saja anda tinggal ambil link gambar pada Situs Alexa.

Ubahlah yang berwarna merah dengan alamat Blog WordPress punya anda dan warna hijau dengan link gambar alexa.

Semoga bermanfaat. Success for you.

Sumber:

http://wan-soe.blogspot.com/2012/03/cara-pasang-widget-alexa-pada-blog.html

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