Cara Membuat Widget Alexa Rank untuk Mywapblog

April 21, 2014

Cara Membuat Widget Alexa Rank untuk Mywapblog
Widget Alexa Rank sangat berguna bagi para blogger sebagai indikasi kemajuan blog mereka. Semakin baik rank blog, semakin maju perkembangan blog tersebut. Blog yang semakin berkembang otomatis akan menjadi kebahagiaan tersendiri bagi Sang Blogger.

Mengingat pentingnya widget ini, saya pun membagikan cara membuat widget alexa rank untuk blog yang umumnya bisa diterapkan di kebanyakan platform blog seperti blogger, wordpress, dsb. Tetapi ternyata ada sebagian blogger yang belum bisa menikmatinya.

Bermula dari sebuah komentar di postingan saya mengenai cara baru membuat widget alexa rank 100% work dengan menggunakan Javascript, seorang pengguna Mywapblog menanyakan cara alternatif untuk memasang widget ini karena platform mobile blogging ini tidak mendukung Javascript.

Nah, untuk mencari solusinya menjadi sebuah tantangan bagi saya. Akhirnya setelah melalui serangkaian percobaan saya pun menemukan jalan keluarnya. Cara membuat widget alexa rank untuk mywapblog ternyata tidak sulit kok, langsung saja simak langkah-langkah berikut.


1. Pertama, buka (dari PC/Laptop) HTML Editor Online http://www.onlinehtmleditor.net/ lalu masukkan kode Javascript untuk membuat widget alexa rank:
<a href="http://www.alexa.com/siteinfo/mulanovich.blogspot.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/s/a?url=mulanovich.blogspot.com"></script></a>
*) Ganti text yang berwarna merah dengan URL Mywapblog kamu.

Setelah kode (script) dimasukkan maka script tersebut akan otomatis diterjemahkan sehingga di bagian bawah muncul hasilnya berupa widget alexa rank.
masukkan kode Javascript untuk membuat widget alexa rank


2.Kemudian, kita buat kode baru yang mirip seperti kode widget alexa yang biasa, tapi kali ini kita hilangkan javascriptnya dan diganti dengan kode image <img>. Jadinya seperti ini:
<a href="http://www.alexa.com/siteinfo/URL Mywapblog kamu"><img src="URL gambar" alt="Alexa Rank" /></a>


3. Sekarang kita butuh URL gambar widget alexa. Caranya copy URL gambar dengan cara klik kanan pada gambar widget alexa yang muncul, lalu klik "Copy Image URL".
Copy Image URL


4. Pastekan URL gambar tersebut ke kode yang kita buat. Dan script-nya pun selesai. Kita mendapatkan sript untuk widget alexa tanpa Javascript, tetapi menggunakan image <img>.
script selesai


Sekarang tinggal memasukkan script image tersebut ke widget di blog Mywapblog kamu, dan.... Jadi deh... 
^_^

Alexa rank

*) Cara ini masih dalam tahap percobaan. Yang menjadi pertanyaan, apakah nanti kalau alexa rank blog kita berubah, gambar & angkanya juga akan berubah? Kalian yang sudah coba cara ini, tolong share pengalamannya di komentar ya.. :D

You Might Also Like

1 comments

Like us on Facebook