Cara Pasang Widget Alexa Terbaru 2014

Seperti telah kita ketahui bersama bahwa kini Alexa telah berganti tampilan web-nya. Kini Alexa lebih menyajikan fitur-fitur Pro-nya kepada penggunanya. Dengan bergantinya tampilan web Alexa, ada fitur yang sulit ditemukan oleh site owner atau pengelola blog yaitu kode widget Alexa untuk di simpan di blog.

Dari pertama melihat tampilan baru Alexa, saya mencoba mencari fitur yang satu ini yang bisa saya temukan pada tampilan lama Alexa. Semua menu dan halaman saya coba jelajahi namun tetap tidak menemukan halaman yang menyajikan cara pasang widget Alexa atau halaman yang menampilkan kode-kode widget Alexa untuk dipasang di blog. Sampai akhirnya pada hari ini saya berhasil menemukan cara memasang widget Alexa pada tampilan terbarunya ini. 

Nah bagi Anda yang baru membuat blog dan ingin menyimpan widget Alexa di blognya, silahkan ikuti caranya di bawah ini. 

Silahkan Anda masuk ke web Alexa atau silahkan akses link berikut: http://www.alexa.com/

Kemudian silahkan klik menu Support seperti gambar di bawah ini.

Halaman Alexa

Setelah terbuka halaman Support-nya, silahkan ketikan keyword "alexa widget" pada search box-nya seperti gambar di bawah ini kemudian klik enter.

Halaman support Alexa

Silahkan klik link Can I display my Alexa rank on my site? untuk menuju pada halaman informasi kodenya.

Halaman link widget Alexa

Nah pada halaman informasi kode widget Alexa-nya akan tertera kode widgetnya, silahkan copy kodenya ke notepad. Dari sini kita telah menemukan link untuk kode widget Alexa untuk disimpan di blog yang selama ini dicari seperti link berikut: https://alexa.zendesk.com/hc/en-us/articles/201514680-Can-I-display-my-Alexa-rank-on-my-site-

Halaman kode widget Alexa

Pada gambar di atas kita disajikan kode widget Alexa untuk disimpan di blog seperti berikut ini.


<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>

Silahkan ganti yoursite.com dengan nama blog Anda. Jangan lupa pada kode di atas ada 2 buah kode yoursite.com. Karena pada kode di atas terdapat link, maka sebaiknya kita sisipkan juga title tag untuk linknya, dan karena link ini menuju ke link eksternal sebaiknya gunakan kode untuk membuka halaman pada jendela baru dan juga rel nofollow agar lebih aman. Sehingga secara lengkap akan seperti di bawah ini.


<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/t/a?url=yoursite.com"></script></a>

Kode di atas akan menampilkan widget Alexa dengan hanya menampilkan Alexa Rank saja tanpa menampilkan Links In blog kita. 

Jika Anda ingin menampilkan Alexa Rank dengan Links In pada widget Alexa-nya, silahkan perhatikan huruf t pada kode javascriptnya seperti di bawah ini.


src="http://xslt.alexa.com/site_stats/js/t/a?url=yoursite.com"

Silahkan ganti huruf t dengan huruf s sehingga menjadi seperti di bawah ini


src="http://xslt.alexa.com/site_stats/js/s/a?url=yoursite.com"

Sehingga secara lengkap kode widget Alexa yang menampilkan Alexa Rank dengan Links In akan tampak seperti di bawah ini.


<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>

Semoga ini bisa membantu dan selamat mencoba.


You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser
Disqus Comments