Langkah Pendaftaran
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.
- Alexa : Silahkan langsung KLIK link berikut untuk datang di Alexa
http://www.alexa.com/ - Register : KLIK link “Register” yang terletak di sebelah kanan atas.
- 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“. - Register for an Account-2 (Thank You!) :Lanjutkan dengan KLIK “For Site Owners” yang terletak di bagian atas kanan-tengah .
- Site Owner Tools - Widgets : Lanjutkan dengan KLIK “Get Traffic Widgets” (terletak di tengah).
- Alexa Traffic Rank Button-1 :Tulis alamat blog (URL) dan lanjutkan KLIK “Build Widget” .
- 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.
- Login to BloGGeR (login ke BloGGeR) : Gunakan User Name/Email Address dan Password (Sandi).
- Dasboard (Dasbor) : Ada banyak link/menu di halaman Dasboard ini, pilihlah dan KLIK link Tata Letak/Rancangan (Layout/Design).
- 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.
- Add Gadget (Tambah Gadget) : KLIK “Tambah Gadget“.
- HTML/Javascript : KLIK “HTML/Javascript“.
- Paste Kode : Letakkan kode Alexa Traffict Rank Button Widget dalam box yang tersedia.
- 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>
<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>