Memasang Widget Alexa Terbaru 2014

Memasang Widget Alexa Terbaru 2014

Memasang Widget Alexa Terbaru 2014 - Dengan menampilkan tampilan barunya dari web alexa kini alexa hanya menampilkan fitur Pro-nya saja kepada para penggunanya. dari tampilan baru ada beberapa yang tidak bisa kita akses dan sulit untuk ditemukan termasuk salah satunya memasang kode widget Alexa.

untuk anda yang ingin memasangnya silahkan ikuti cara berikut:
1. Masuk ke http://www.alexa.com
2. Pilih menu Support dan tulisankan kata kunci Alexa Widget pada kotak pencarian atau bisa langsung ke link Can I display my Alexa rank on my site?
3.  Maka akan tampil seperti gambar dibawah ini :

Pada gambar diatas makan akan terlihat kode seperti berikut:

<a href="http://www.alexa.com/siteinfo/yoursite.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/t/a?url=yoursite.com"></script></a>

sebenarnya gambar diatas tidak menampilkan link dari blog kita, jika anda akan menampilkan link pada blog gunakan kode berikut yang sudah di modifikasi dengan menampilkan judul dan rel="nofollow"

<a href="http://www.alexa.com/siteinfo/yoursite.com" target="_blank" title="Alexa Site Stats Widget" rel="nofollow"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/s/a?url=yoursite.com"></script></a>

ganti yoursite.com dengan alamat blog kita

Alternative Pasang Widget ALexa

Cara alternative ini anda harus melakukan cara diatas dan lihat widget yang sudah tampil setelah itu klik kanan pada widget alexa:

http://xsltcache.alexa.com/site_stats/gif/s/a/aG9sbGFiYWNrdGV4YXMuYmxvZ3Nwb3QuY29t/s.gif

kemudian gunakan kode berikut untuk menggunakan untuk menyimpan image gif Alexa widget

<a href="http://www.alexa.com/siteinfo/yoursite.com" title="Alexa Site Stats Widget" rel="nofollow" target="_blank"><img src="http://xsltcache.alexa.com/site_stats/gif/s/a/aG9sbGFiYWNrdGV4YXMuYmxvZ3Nwb3QuY29t/s.gif" width="LEBAR GAMBAR" height="TINGGI GAMBAR" alt="Alexa Site Stats" style="border:0;" title="Alexa Site Stats Widget"/></a>

Jika anda menampilakan widget alexa lainya seperti gambar berikut:

Keterangan :
Gambar 1:  Dimensi gambar: width="120" dan height="95"
http://xsltcache.alexa.com/site_stats/gif/s/a/aG9sbGFiYWNrdGV4YXMuYmxvZ3Nwb3QuY29t/s.gif
Gambar 2:  Dimensi gambar: width="120" dan height="240"
http://xsltcache.alexa.com/site_stats/gif/s/b/aG9sbGFiYWNrdGV4YXMuYmxvZ3Nwb3QuY29t/s.gif
Gambar 3: Dimensi gambar: width="680" dan height="60"
http://xsltcache.alexa.com/site_stats/gif/s/c/aG9sbGFiYWNrdGV4YXMuYmxvZ3Nwb3QuY29t/s.gif

Bagiamana cara membedakan gambar diatas? anda hanya mengganti huruf pada keterangan diatas yang di huruf tebal. Dan untuk kode lengkapnya sebagai contoh yang saya gunakan pada seperti gambar nomor 3 dengan ukuran dimensi gambar 680px dan 60px

<a href="http://www.alexa.com/siteinfo/www.hollabacktexas.blogspot.com" title="Alexa Site Stats Widget" rel="nofollow" target="_blank"><img src="http://xsltcache.alexa.com/site_stats/gif/s/c/aG9sbGFiYWNrdGV4YXMuYmxvZ3Nwb3QuY29t/s.gif" width="468" height="60" alt="Alexa Site Stats" style="border:0;" title="Alexa Site Stats Widget"/></a>

Semoga bermanfaat.

Resource: www.alexa.com - http://www.kompiajaib.com/2014/04/alternatif-lain-pasang-widget-alexa-tanpa-javascript.html