Alexa
Tips ini sebenarnya saya tulis untuk memenuhi janji saya kepada salah satu teman sesama blogger yang bertanya tentang cara memasang Alexa di widget dalam blog wordpress. Memang sebenarnya tips ini sudah banyak di buat oleh para blogger yang berpengalaman ataupun baru. Walaupun demikian, karena saya sudah berjanji maka harus di tepati.
Sekilas tentang alexa ni ya.. Alexa merupakan salah satu fasisitas web yang menyediakan informasi traffik atau tingkat kepopuleran suatu web/blog. Untuk lebih jelas sobat bisa baca disini
Kembali ke topik, sobat bisa mengikuti prosedur di bawah ini untuk memasang alexa di widget blog wordpress.com.
1. Klik disini untuk menuju web Alexa
2. Input url blog atau web anda pada kolom yang tersedia dan kemudian klik [Build Widget]
Input url
3. Pilih salah satu tampilan widget yang sobat inginkan [contoh : Button (120 x 95)] dan kemudian copy kode HTMLnya dan selanjutnya paste di Notepad (web alexa jangan di tutup dulu)
Tampilan widget alexa
Karena WordPress.com tidak support dengan kode java script maka dari itu kita harus mengubahnya agar bisa di pasang di widget blog wordpress. Untuk mengakalinya adalah dengan cara mengcopy alamat gambar dari widget alexa yang telah anda pilih. Berikut caranya :
4. Copy alamat gambar widget alexa dengan cara klik kanan tepat pada gambar. (tergantung web browser yang anda gunakan, ex : Chrome)
Copy url gambar
5. Pastekan di Notepad kembali
Paste di Notepad
6. Gabungkang kedua kode tersebut sehingga membentuk kode HTML baru seperti contoh di bawah ini
<a href=”http://xslt.alexa.com/site_stats/js/s/a?url=http://adegirie.wordpress.com/”><img class=”aligncenter” src=”
http://xsltcache.alexa.com/site_stats/gif/s/a/aHR0cDovL2FkZWdpcmllLndvcmRwcmVzcy5jb20=/s.gif” alt=”" /></a>
Ket :http://xsltcache.alexa.com/site_stats/gif/s/a/aHR0cDovL2FkZWdpcmllLndvcmRwcmVzcy5jb20=/s.gif” alt=”" /></a>
- Warna buru : Kode HTML widget alexa semula
- Warna merah : Alamat gambar dari widget alexa
7. Kemudian copy-kan code yang telah jadi tersebut ke widget ‘Text’ di blog anda. dan sebagai contoh hasilnya seperti gambar di bawah ini :
Pekerjaan anda selesai 
Untuk memperbaiki dan mengembangkan blog ini menjadi lebih baik, mari bersama - sama kita bangun, caranya? Apabila kamu menemukan link yang mati/sudah tidak berfungsi atau gambar yang sudah tidak muncul/expire, silahkan hubungi kami disini. Laporan anda sangat berpengaruh pada perkembangan blog ini.Tanks atas perhatiannya 
GET UPDATE VIA EMAIL
Dapatkan kiriman artikel yang terbaru
Dari Kami langsung ke email anda!
Dari Kami langsung ke email anda!
Anda mau bertanya seputar blog?
Mau informasi tambahan seputar dunia blog? follow aja di twitter saya yang baru @junayaja.Atau Anda bisa ADD Facebook saya @Kang Junay
«« Malu bertanya sesat di jalan
Mau informasi tambahan seputar dunia blog? follow aja di twitter saya yang baru @junayaja.Atau Anda bisa ADD Facebook saya @Kang Junay
«« Malu bertanya sesat di jalan
0 komentar:
Posting Komentar