Cara Daftar dan Pasang Alexa Traffic Rank Button

Bila sampeyan datang di Alexa Rank pasti akan tahu secara lengkap peringkat situs-situs terkemuka juga  blog dengan peringkat terbaik hingga blog yang berperingkat dengan angka jutaan. Alexa rank merupakan situs terkemuka yang mampu memberikan data dengan tingkat akurasi cukup terpercaya sehingga banyak digunakan sebagai standart bagi blogger sedunia. Banyak manfaat yang dapat kita petik dengan mendaftarkan blog melalui registrasi di sini. Setidak-tidaknya melalui alexa kita dapat selalu melakukan monitoring perkembangan blog yang kita kelola hari demi hari. Melalui inilah diharapkan kita mampu melakukan evalusai terhadap bebrapa hal yang berkaitan dengan upaya peningkatan rating, peringkat atau popularitas. Sebuah widget akan kita peroleh secara gratis untuk dipasang di blog yang setiap saatnya akan memperlihatkan kepada kita sejauh mana perkembangan yang kita capai melalui data peringkat yang tertampilkan.

Langkah Pendaftaran dan registrasi di Alexa ♥

Panduan dan Tutorial BloGGeR ini sekaligus dilengkapi dengan cara memasang button Alexa serta cara menambahkan kode html untuk menata dan memperindah penampilan Alexa Traffic Rank Button yang akan diperoleh setelah proses registrasi.

1. Alexa : Silahkan langsung KLIK link berikut untuk datang di Alexa
   http://www.alexa.com.
2. Register : KLIK link “Register” yang terletak di sebelah kanan atas.
3. Register for an Account-1 :KLIK link “Register” (kanan-atas).
   ♣ Email : Tulis alamat email.
   ♣ Nickname : Tulis nama panggilan (User Name).
   ♣ Full Name : Tulis nama lengkap.
   ♣ Country : KLIK untuk memilih tempat domisili (Indonesia).
   ♣ Register : KLIK “Register“.
   
KLIK gambar di atas untuk melihat contoh Registrasi Lengkapnya!

4. Register for an Account-2 (Thank You!) :Lanjutkan dengan KLIK “For Site Owners” yang terletak di bagian atas kanan-tengah .
5. Site Owner Tools - Widgets : Lanjutkan dengan KLIK “Get Traffic Widgets” (terletak di tengah).
6. Alexa Traffic Rank Button-1 :Tulis alamat blog (URL) dan lanjutkan KLIK “Build Widget” .
   
7. Alexa Traffic Rank Button-2 :Pilih di antara 3 (tiga) button yang disediakan Small, Regular, Banner). Lanjutkan dengan Copy kode “Alexa Traffic Rank Button” Simpan Kode tersebut.

Cara Memasang Alexa Traffict Rank Button Widget ♥

1. Login to BloGGeR (login ke BloGGeR) : Gunakan User Name/Email Address dan Password (Sandi).
2. Dasboard (Dasbor) : Ada banyak link/menu di halaman Dasboard ini, pilihlah dan KLIK link Tata Letak/Rancangan (Layout/Design).
3. Tata Letak/Rancangan (Layout/Design) : Saat Memasuki Tata Letak, sampeyan akan langsung dibawa ke Page Element/Elemen Laman. Dari sinilah kode Alexa Traffict Rank Button Widget akan di simpan.
4. Add Gadget (Tambah Gadget) : KLIK “Tambah Gadget“.
5. HTML/Javascript : KLIK “HTML/Javascript“.
6. Paste Kode : Letakkan kode Alexa Traffict Rank Button Widget dalam box yang tersedia.
7. SAVE (Simpan) : KLIK “Simpan“. Lihat widget Alexa yang telah terpasang dengan membuka blog.

Contoh bentuk Kode Alexa Traffict Rank Button

<a class="AlexaSiteStatsWidget"  href="http://www.alexa.com/data/details/main?url=http://gubhugreyot.blogdetik.com">
<img  src="http://xsltcache.alexa.com/site_stats/gif/s/a/aHR0cDovL2d1Ymh1Z3JleW90LmJsb2dkZXRpay5jb20=/s.gif"  border="0" alt="Alexa Certified Traffic Ranking for  http://gubhugreyot.blogdetik.com" width="120"  height="95" />
</a>

Sampeyan bisa memasangnya dengan beberapa kode tambahan sehingga terlihat lebih indah seperti kode berikut :

<style type="text/css">
.bgsGR_Alexa{margin:15px 5px;padding:2px;border:2px solid #b04802;background:#333;
opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50); width:124px;}
.bgsGR_Alexa:hover{border:2px solid #0233d2;background:#4f70dc; opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);}
.bgsGR_AlexaR{border:2px solid #555;}
.bgsGR_AlexaR:hover{border:2px solid #87a2fb;}
</style>
<div align="center">
<div class="bgsGR_Alexa">
<div class="bgsGR_AlexaR">
<a class="AlexaSiteStatsWidget"  href="http://www.alexa.com/data/details/main?url=http://gubhugreyot.blogdetik.com">
<img  src="http://xsltcache.alexa.com/site_stats/gif/s/a/aHR0cDovL2d1Ymh1Z3JleW90LmJsb2dkZXRpay5jb20=/s.gif"  border="0" alt="Alexa Certified Traffic Ranking for  http://gubhugreyot.blogdetik.com" width="120"  height="95" />
</a>
</div>
</div>
</div>

Atau dapat juga menggunakan tambahan kode html lain yang berupa table :

<table align="center" width="120" border="2" bgcolor="#333333" style="color:#66CCFF; border-color: #CC9966">
<tr>
<td align="center">MyAlexa</td>
</tr>
<tr>
<td align="center"><a class="AlexaSiteStatsWidget" href="http://www.alexa.com/data/details/main?url=http://gubhugreyot.blogdetik.com">
<img src="http://xsltcache.alexa.com/site_stats/gif/s/a/aHR0cDovL2d1Ymh1Z3JleW90LmJsb2dkZXRpay5jb20=/s.gif" border="0" alt="Alexa Certified Traffic Ranking for http://gubhugreyot.blogdetik.com" width="120" height="95" />
</a></td>
</tr>
</table>