Cara Memasang Widget Alexa di Blog Wordpress.com

Seperti kita ketahui, blog di Wordpress.com tidak suppor javascript dan tidak bisa mengutak-atik CCS template makanya buat para blogger yang menjadikan blognya untuk ajang bisnis online tidak memakai Wordpress.com. Adapun agar Wordpress bisa support javascript dan mengubah-ubah kode template, kita harus punya domain dan hosting sendiri melalui Wordpress.org. Yang belum tahu perbedaan Wordpress.com dan Wordpress.org bisa dibaca disini!

Nah...sekarang bagaimana kalau kita ingin memasang widget Alexa? Hampir semua blogger memasang widget ini karena ini adalah tolak ukur trafic atau banyaknya pengunjung ke blog kita tetapi sayang, blog pada Wordpress.com akan menolak mentah-mentah widget ini karena kodenya berformat javascript. Lalu bagaimana? Padahal kita ingin sekali memasangnya. Tidak perlu khawatir karena ada trik supaya kita bisa memasangnya. Caranya adalah dengan memodifikasi kodenya dan sebetulnya buat para blogger yang sudah lama dan mumpuni, trik ini sudah tidak asing lagi.
Mari kita paparkan caranya-cara!

Tahap pendaftaran untuk mendapatkan kode:

• pertama-tama masuk ke situsnya www.alexa.com
  
• daftarkan blog Anda dengan cara mengklik "For Site Owners" yang terletak pada navbar menu.
  
• pilih atau klik "Get Traffic Widgets dan setelah memasuki halaman berikutnya akan ada pilihan style tampilan widget dengan gambar seperti dibawah ini:
  1
  2
  Silahkan tentukan pilihan! Sesuai keinginan.
  
• Masukan URL alamat Blog anda pada kotak dibawah gambar widget yang anda pilih lalu klik button "Build Widget" dan pada halaman berikutnya akan muncul gambar widget dengan tiga pilihan beserta kode javascript didalam kotak text area. Kalau yang anda pilih tadi adalah yang nomor 2 maka pilihan tampilan berikutnya seperti ini:
  1
  2
  3
  Tentukan pilihan! Ambil URL gambar widget yang kita pilih. Tahu kan cara mengambil URL gambar? Kalau via Opera Mini, arahkan kursor ke gambar> tekan tombol 1> pilih "Open Image"> pili menu> tools> add bookmark> copy URL. Ambil atau copy juga kodenya javascript yang ada di kotak textarea dan simpan keduanya di notepad baik itu pada komputer atau untuk Moblogger menyimpannya di ponsel.

Tahap perubahan atau modifikasi kode:

• Umpamaya anda mendapatkan kode seperti ini:
  <a href="http://www.alexa.com/siteinfo/http://nanang07.wordpress.com"><SCRIPT type='text/javascript' language='JavaScript' src='http://xslt.alexa.com/site_stats/js/t/b?url=http://nanang07.wordpress.com'></SCRIPT></a>
  
  
• Rubah yang berwarna merah menjadi seperti ini:
  <a href="http://www.alexa.com/siteinfo/http://nanang07.wordpress.com"><img src="URL GAMBAR"></a>
  
  
• Ganti "URL GAMBAR" dengan dengan URL gambar yang tadi kita dapatkan menjadi seperti ini:
  <a href="http://www.alexa.com/siteinfo/http://nanang07.wordpress.com"><img src="http://xsltcache.alexa.com/site_stats/gif/t/b/aHR0cDovL25hbmFuZzA3LndvcmRwcmVzcy5jb20=/s.gif"></a>
  
  Maka kode widgetpun siap dipasang.

Seperti yang bisa anda lihat, blog ini bisa dipasang Alexa widget, tetapi nilainya masih "No Data" karena blog ini baru berumur empat hari dan isi postingnya adalah posting dari blog Nanang11.co.cc yang saya backup disini karena blognya mengalami error. Dan sebetulnya cara diatas sama seperti kita akan membuat banner. Semoga bermanfaat.
Semoga artikel Cara Memasang Widget Alexa di Blog Wordpress.com bermanfaat bagi Anda.