Cara Memasang Widget Alexa di Blog WordPress.com

Cara memasang widget alexa di blog WordPress .com ? Bisa gak ya?? Bisa! Tu… buktinya dipojok blog saya ada widget alexa. Tapi waktu kita ambil kodenya di alexa.com kok JavaScript? Bukannya di WordPress.com anti yang namanya JavaScript? Tapi katanya juga ada kode HTML-nya?

Tapi sebelumnya sedikit tentang alexa. Alexa adalah nama situs sekaligus perusahaan penyedia jasa informasi tentang trafik internet yang sekarang sedang populer dan para pemilik blog banyak berlomba-lomba untuk memasang widgetnya. Semakin tinggi rank Alexa suatu blog, semakin tinggi pula standar yang ditetapkan bila kita mengikuti program review.

Langkah-langkah memasang widget Alexa di WordPress.com :

  • Pergi ke situsnya alexa  atau langsung ke http://www.alexa.com/siteowners/widgets  untuk mengambil kodenya.
  • Isikan Url blog WordPress.Com anda pada kotak Alexa Site Stats Button atau Alexa Traffic Rank Button sesuai keinginan anda.
  • Kemudianmasukkan alamat blog anda di kotak widget yang anda pilih.
    a. Untuk widget Alexa Site Stats Button
    (co: http://www.bloganda.wordpress.com).
    b. Untuk widget Alexa Traffic Rank Button
    (co: bloganda.wordpress.com)
  • Dan klik tombol ‘Build Widget’.
  • Copy dulu di notepad kode JavaScript hanya yang alamat blog anda seperti yang dicetak merah.
    contoh kode :
    <SCRIPT type=’text/javascript’ language=’JavaScript’ src=’http://xslt.alexa.com/site_stats/js/t/b?url=for7delapan.wordpress.com/’></SCRIPT>
  • Jangan anda tutup dulu halaman alexa tersebut.

Kemudian untuk mengubah kode JavaScript diatas agar bisa memasang widget alexa di blog WordPress.com yang kita perlukan tinggal alamat gambar dari widget alexa yang telah anda pilih tadi. Berikut caranya :

  • 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).
  • Kemudian paste-kan alamat gambar alexa tadi di notepad dulu.
    Contoh alamat gambar dari kode widget diatas:

  • Kemudian kita gabungkan kedua alamat tersebut menjadi sebuah link gambar agar widget alexa bisa dipasang di blog WordPress.com.

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

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

  • Jadi deh kode widget alexa yang bisa kita pasang di blog WordPress.com dan gak kalah dengan yang JavaScript-nya.
  • Kemudian copy-kan code yang telah dirubah tersebut ke widget ‘Text’ di blog anda.

 

 

 

 

sumber

bagi komennya doongs

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