Cara Membuat Widget Alexa Rank di Blog Terbaru 2014

Bagi kamu yang baru saja membuat blog baru, dan ingin memasang widget alexa rank di blog kamu. Baru-baru ini tampilan halaman beranda alexa.com tampak berubah hingga membuat bingung bagaimana membuat widget alexa terbaru 2014? Okelah kalau begitu, kali ini saya akan mengupas tuntas cara membuat widget alexa terbaru 2014.

Seperti yang kamu lihat, blog ini juga adalah blog baru. Ketika saya ingin menambahkan widget alexa rank di blog ini, saya cukup kebingungan karena tampilannya sudah berubah. Yang terlihat hanya widget alexa rank yang berbayar, sedangkan dulu widget ini Free alias Gratis! Terus bagaimana supaya bisa membuat widget alexa rank tetap gratis tanpa bayar?

Caranya mudah, kamu hanya perlu mengikut beberapa langkah berikut:
1. Membuat Account baru
2. Menambahkan Situs
3. Menyimpan kode alexa Verify ID di template blog
4. Menambah Widget Alexa Rank di blog

Langsung saja kita mulai dari langkah pertama.

1. Membuat Akun baru
Kamu pergi ke www.alexa.com, pilih Create an Account, demonya lihat gambar berikut!

Cara Membuat Widget Alexa Rank di Blog Terbaru 2014

Masukkan email kamu, lalu klik Create, atau lihat gambar berikut.

Cara Membuat Widget Alexa Rank di Blog Terbaru 2014

Setelah berhasil membuat akun, segera buka email kamu, maka akan ada inbox dari Alexa internet. Kamu buka dan klik link Verify akun di dalam email tersebut. Maka otomatis akan terbuka tab baru dan kamu diminta untuk membuat password akun alexa kamu. Silahkan masukkan Password baru kamu, lalu klik Submit Password. Demo lihat gambar berikut.

Cara Membuat Widget Alexa Rank di Blog Terbaru 2014

2 Menambahkan Situs
Setelah berhasil di langkah pertama, maka otomatis kamu akan di alihkan ke My Dashboard, langsung saja kamu tulis URL blog kamu, lalu klik Find. Demo lihat gambar berikut.

Cara Membuat Widget Alexa Rank di Blog Terbaru 2014

Setelah kamu klik Find, maka akan langsung terbuka statistic alexa rank blog kamu. Langsung scroll kebawah dan temukan tombol Edit Site Info, setelah kamu klik, akan muncul popup dan pilih Claim This Site. Demo lihat gambar berikut.

Cara Membuat Widget Alexa Rank di Blog Terbaru 2014

3. Menyimpan kode alexa Verify ID di template blog
Setelah kamu pilih Claim This Site, maka akan muncul tampilan Select Method, kamu pilih Method 2, maka akan muncul di bawahnya kode Alexa Verify ID untuk blog kamu. Demo lihat gambar berikut.

Cara Membuat Widget Alexa Rank di Blog Terbaru 2014

Copy kode unik alexa rank kamu, lihat yang saya kotak merah di atas itu yang di Copy, lalu buka blog Dashboard blog kamu, pilih template, klik Edit HTML. Setelah itu Paste kode meta AlexaVerifyID tepat di bawah tag <head>.
Jadinya akan seperti ini:
 <head>
<meta name="alexaVerifyID" content="hLSSLnLhhLRowQoxKGyn1HLswTg"/> 
Terakhir Save Template, jika sudah di save, kamu pergi ke tab alexa tadi terus klik Verify my ID. Demo lihat gambar diatas tadi.

4. Menambah Widget Alexa Rank di blog
Masuk lagi ke tab blogger kamu, pilih dashboard > tata letak > add a gadget, lalu copy script alexa rank berikut.
 <a href="http://www.alexa.com/siteinfo/situs-kamu.blogspot.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=situs-kamu.blogspot.com"></script></a> 
Paste script di atas kedalam form gadget kamu dan ganti tulisan biru dengan URL blog kamu, lalu klik Save. Script di atas akan menampilkan Rank saja, jika kamu ingin menampilkannya dengan Links in, maka kamu hanya perlu menghapus kode t pada scripnya dan ganti menjadi huruf s seperti dibawah 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> 
Sampai disini dulu Tutorial Cara Menambah Widget Alexa Terbaru 2014, semoga bisa di mengerti. 
Previous
Next Post »

13 komentar

Click here for komentar
Unknown
admin
30 April 2014 pukul 17.29 ×

makasih sob... udah mau menyampaikan informasi ini....
alexa ane belum diet banget sob... :)

Reply
avatar
seru2banget
admin
1 Mei 2014 pukul 03.19 ×

sama-sama sob..
wkwk alexa ane lebih parah :D

Reply
avatar
Sugrahaku
admin
1 Mei 2014 pukul 05.47 ×

gan, ane kan baru ganti template, nah ane lupa masalah verify id ny, cara ngeliatny lagi gimaan ya?

Reply
avatar
Unknown
admin
1 Mei 2014 pukul 06.18 ×

nyimak sob...soalnya di blog ane sudah ane pasang widgetnya :D
nice post :)

Reply
avatar
seru2banget
admin
1 Mei 2014 pukul 20.20 ×

di atas sudah ada saya tulis pada point no 3..

Reply
avatar
seru2banget
admin
1 Mei 2014 pukul 20.21 ×

silahkan sob, ya ini pentingnya bagi sobat blogger yg bingung aja mau masang widget alexa hehe

Reply
avatar
Unknown
admin
5 Mei 2014 pukul 19.59 ×

terus aja share artikel-artkel yang bisa membuat ramai blog ente sob...
yaa mana tau alexanya bisa diet... alexa ane belum diet x tuh... masih di atas 900rb sob....

Reply
avatar
Unknown
admin
6 Mei 2014 pukul 22.45 ×

lengkap dan detail..
makasih sob,keep sharing :)

Reply
avatar
seru2banget
admin
6 Mei 2014 pukul 23.02 ×

thanks apresiasinya sob..

Reply
avatar
bronki31
admin
16 Mei 2014 pukul 08.03 ×

trims infonya sob , langsung mau dicoba

Reply
avatar
seru2banget
admin
23 Mei 2014 pukul 20.55 ×

ok sob, silahkan coba..

Reply
avatar
Divisi HRD
admin
13 Februari 2015 pukul 21.09 ×

terimakasih gan sangat sempurna ... :)

Reply
avatar

Mau Blogwalking?
Silahkan Berkomentar yang relevan, dan tunggu kunjungan balik dari kami. ^_^

ConversionConversion EmoticonEmoticon

Thanks for your comment