Friday, April 26, 2013

Cara Memasang Widget Alexa Rank di Blog


Berbeda dengan Blogspot atau xtgem Blog mywapblog[.]com tidak support javascript dan hal ini menyebabkan blog mwb tidak bisa di pasang layanan iklan seperti adsensecamp[dot]com atau kumpulbolgger[dot]com karena layanan iklan tersebut menggunakan kode javascript pada produk iklan mereka hal ini berlaku juga pada widget-widget yang berbasis javascript termasuk widget alexa.

jika di teliti dengan baik ternyata widget alexa bisa di pasang juga di mywapblog, jika di lihat dari kode image yang di miliki widget alexa ternyata memiliki satu celah dan hal ini bisa kita manfaatkan sehingga widget alexa bisa dengan mudah di pasang pada blog mywapblog, kita hanya melakukan penggabungan dengan kode html untuk selengkapnya silahkan simak di bawah ini.

1.kunjungi website http://www.alexa.com/siteowners/widgets

2. kemudian isi kolom dengan url blog anda dan klik build widget

3. akan muncul gambar widgetnya alexa , kode scriptnya tepat berada di bawah gambar, copy kode java script tersebut tapi hanya yang bagian awalnya saja karena mywapblog tidak support java script contoh:

http://www.alexa.com/siteinfo/http://yangyang.heck.in

4. Setelah kita dapat url widgetnya seperti contoh di atas , langkah selanjutnya mencari url gambar dan caranya >> Klik open image pada gambar widget alexa tadi , lihat di bagian adress bar akan muncul  kode url gambar tersebut contoh;

http://xsltcache.alexa.com/site_stats/gif/s/a/aHR0cDovL3lhbmd5YW5nLmhlY2suaW4=/s.gif

5 . Setelah dapat semua urlnya kita sekarang gabungkan kedua url yg kita dapat tadi menggunakan kode html, contoh hasil penggabungannya ;

<a href="http://www.alexa.com/siteinfo/http://yangyang.heck.in"><img src="http://xsltcache.alexa.com/site_stats/gif/s/a/aHR0cDovL3lhbmd5YW5nLmhlY2suaW4=/s.gif" alt="s.gif" /></a>

Catatan : perhatikan pada spasi di bagian awal kode  <a          href  silahkan anda rubah jarak spasinya agar tidak terlalu jauh sehingga menjadi seperti ini <a href

6. Selanjutnya tinggal kalian tes dengan memasang kode hasil penggabungan tersebut di navigation/navigasi blog mwb.

Jika berhasil maka contoh tampilan widget alexanya seperti punya blog saya di bawah ini
s.gif


Sekian untuk postingan kali ini semoga bermanfaat.
====================================
Sumber : http://cafeilmu-yangyang.blogspot.com/2013/02/cara-memasang-widget-alexa-rank-di.html

0 comments:

Post a Comment

| Guru Madrasah Blog © 2013. All Rights Reserved | Template Style by My Blogger Tricks .com | Edited by Abdul Hanan | Back To Top |