Alternatif Lain Pasang Widget Alexa Tanpa Javascript

Alternatif Lain Pasang Widget Alexa Tanpa Javascript

Bola Hero Gawai

Alternatif Lain Pasang Widget Alexa Tanpa Javascript

Setelah Anda memasang widget Alexa dengan javascript seperti pada postingan sebelumnya, kini saya share juga alternatif lain cara memasang widget Alexa Rank di blog tanpa menggunakan javascript agar menjadi tidak terlalu membebani loading blog oleh javascript.

Di sini kita hanya menggunakan image gif yang dihasilkan dari javascript widget Alexa dan dengan image pula maka kode untuk membuka halaman Alexa pada jendela baru pada link-nya akan berfungsi. Begitu juga dengan gambar maka kita bisa memberikan image dimensions untuk gambar widget Alexa yang hilang ketika dicek di GTMetrix.


Untuk mengambil gambar gif widget Alexa, kini kita tidak bisa mendapatkannya di halaman widget pada web Alexa yang sekarang ini (th. 2014). Jadi kita harus terlebih dahulu memasang widget Alexanya dengan menggunakan javascript seperti pada postingan sebelumnya di bawah ini.


Jadi silahkan pasang dulu widgetnya di blog Anda dengan kode widget yang menggunakan javascript. Setelah widgetnya tampil, silahkan klik kanan di atas widgetnya lalu "Copy image URL" dan simpan dulu image URL-nya di notepad. Biasanya URL imagenya akan tampak seperti di bawah ini, saya contohkan URL image widget Alexa Kompi Ajaib.

URL image Alexa

URL image yang didapat tampak seperti di bawah ini


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

Kemudian silahkan gunakan kode di bawah ini untuk menyimpan image gif widget Alexa-nya di blog kita.


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

Silahkan ganti yoursite.com dengan nama blog Anda kemudian ganti IMAGE URL WIDGET ALEXA dengan URL image gif yang tadi Anda simpan di notepad dan ganti juga lebar gambar dan tinggi gambarnya.

Gambar 1: Dari URL image gif widget Alexa seperti di bawah ini akan tampil gambar seperti di bawahnya.

http://xsltcache.alexa.com/site_stats/gif/s/a/d3d3LmtvbXBpYWphaWIuY29t/s.gif 
Dimensi gambar: width="120" dan height="95" 

widget Alexa 1

Gambar 2: Dengan mengganti huruf a dengan huruf b, maka akan tampak widget Alexa seperti di bawah ini.

http://xsltcache.alexa.com/site_stats/gif/s/b/d3d3LmtvbXBpYWphaWIuY29t/s.gif 
Dimensi gambar: width="120" dan height="240"

widget Alexa 2

Gambar 3: Dengan mengganti huruf a dengan huruf c, maka akan tampak widget Alexa seperti di bawah ini.

http://xsltcache.alexa.com/site_stats/gif/s/c/d3d3LmtvbXBpYWphaWIuY29t/s.gif 
Dimensi gambar: width="468" dan height="60"

widget Alexa 3

Jika Anda tidak ingin menampilkan Links in di dalam widgetnya maka silahkan ganti huruf s menjadi huruf t.

Jadi secara lengkap contoh kode widget Alexa Kompi Ajaib dengan Links in dan dengan lebar dan tingginya 120px dan 95px akan tampak seperti di bawah ini dan akan tampak seperti Gambar 1 di atas.


<a href="http://www.alexa.com/siteinfo/www.kompiajaib.com" title="Alexa Site Stats Widget" rel="nofollow" target="_blank"><img src="http://xsltcache.alexa.com/site_stats/gif/s/a/aHR0cDovL3d3dy5rb21waWFqYWliLmNvbS8=/s.gif" width='120' height='95' alt="Alexa Site Stats" style="border:0;" title="Alexa Site Stats Widget"/></a>

Semoga bisa dimengerti dan selamat mencoba.

Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

48 Comments Add Comment

Solar aja Kang..., wah itu yg saya mksud tadi udah lngusng di jawab, hehe... mksih Kang.

Balas

lebih ampuh dan tidak bebani loading blog ya mas. perlu dicoba mas :-bd

Balas

Tapi apakah kalau tidak memasang javascript alexa di blog, penurunan rangking blog masih terbantu??

Balas

Hhehehe iya mas :)

Balas

iya sis silahkan dicoba :)

Balas

Menarik Kang Adhy, dengan trik ini Widget Rank Alexa
Tidak memakai script yah Kang? tapi gak mengaruhi
pada rank alexa gak yah Kang Adhy...? saya coba dulu :)

Balas

ternyata cukup mudah sekali ya mas :) , kemaren saya bingung cari cari tutor pasang alexa terbaru gak ktemu :( baru ketemunya disini :) , thanks mas tutornya sangat membantu saya ^_^

Balas

Ini tidak berpengaruh dengan rank alexa karena widget ini hanya untuk menampilkan alexa rank blog, jadi pakai javascript atau tidak itu tidak masalah. Yang terpenting dengan Alexa agar pengukuran ranknya tepat, kita harus memverifikasi blog di alexa dengan menyimpan kode verifikasi alexa di blog.

Balas

TIdak kang yang terpenting kita harus memverifikasi blog kita di Alexa dengan menyimpan kode verifikasi ID di blog kita.

Balas

Sama-sama mas :) semoga bisa dimengerti :)

Balas

Langsung Saya Coba Deh Kang .. :D

Balas

Oke kang, ini perlu saya coba kang. Lumayan, kan bisa memperingan beban blog. hehehe... :D

Balas

terima kasih kang alternatif lain pasang widget alexa tanpa javascript sudah saya terapkan dan jadi lebih ringan blog saya :-bd

Balas

Silahkan mas :)

Balas

Iya mas mengurangi penggunaan javascript :)

Balas

Sama-sama mas siiip :-d

Balas

pastinya bisa wush wush ndak membebani loading ya kang...
inovasinya kereenn :)

Balas

wih lebih simple gan, terima kasih tutorialnya

Balas

menarik banget pasang widget alexa yang ngga umum, kayanya bakalan banyak yang pasang soalnya yakin ringan banget.
saya pasang alexa dan PRnya di bookmark azh ah

Balas

wah ternyata bisa juga gk pake JS ya Kang, tapi apa bisa update otomatis juga tuh Kang?

Balas

Sepertinya perlu dicoba nich Kang, kebetulan saya belum pasang :)

Balas

Dibanding menggunakan js, ini lebih ringan :)

Balas

Sama-sama mas :)

Balas

Silahkan kang :)

Balas

Tentunya bisa mas :)

Balas

Iya silahkan dicoba atuh kang :)

Balas

ini bisa untuk wordpress gak kang saya mau utak atik dulu mau mencoba :D

Balas

Sayangnya rank saya masih jelek Kang, hehe

Balas

wah kok punya saya gagal ya mas.. kok yang tampil hanya text saja.. hmmm apanya yang salah ya mas.. hehehe

Balas

Silahkan dicoba aja mas :)

Balas

Ga apa2 mas nanti juga membaik hanya perlu waktu :)

Balas

Ini image gif alexa blog mas Nadi http://xsltcache.alexa.com/site_stats/gif/t/a/aHR0cDovL21iZXRvdG9uZy5ibG9nc3BvdC5jb20=/s.gif

Balas

Wah bagus, ramping banget. Beda jauh sama saya, hehe

Balas

Baik mas :) semoga saja cepat ramping, hehe

Balas

kang jawab dong pertanyaan ku yg ini:
https://groups.google.com/forum/embed/?place=forum/forum-kompi-ajaib&showsearch=true&showpopout=true&showtabs=false&parenturl=http%3A%2F%2Fwww.kompiajaib.com%2Fp%2Fout-of-topic.html#!category-topic/forum-kompi-ajaib/belajar-modifikasi-template-blog/dubFDHQ0FrY

Balas

rajin pisan meuni di bahas nu kieu oge...xixixixi

Balas

Sudah saya coba mas, dan 100% work. Thanks :D

Balas

nah, berhubungan dengan Alexa maka saya mau nanya mas, apakah Audience Demographics diedit atau apa? kok blog saya kosong dan blog mas adhy ada. atau untuk lebih jelas saya sertakan gambarnya.

http://4.bp.blogspot.com/-UrQ527yOmeM/U15TFRSYOII/AAAAAAAAO5M/PQ0YjWTZoTI/s1600/www.alexa.com.png

Balas

InsyaAllah bentar lagi blog saya akan pakai domain dan segera daftarkan ke alexa mas :)

Balas

Tidak sis :) itu muncul sendiri dari Alexa-nya. Sepertinya itu muncul setelah umur blog 1 tahun lebih di Alexa.

Balas

Itu bukan CSS loading screen mas tapi css loader artinya ini membuat loader dengan menggunakan css dan css yang digunakan adalah css less sepertinya akan susah digunakan di blogger.

Balas

Wah siiip mas :-bd mudah2an sukses :)

Balas

terimakasih banyak mas :-d

Balas

Mantab banget ... pagespeed insight bisa naik 3 poin lagi. Thks

Balas

Sudah lama tidak berkunjung :D... saat berkunjung disuguhi iklan video di sidebar kanan atas, tidak sengaja saya klik :D soalnya pengen liat, itu iklan dari mana ya kang? biasanya iklan model ini banyak yang klik...
tidak lupa... sungguh... saya baca artikelnya dari atas sampai bawah, bagus artikelnya, mudah-mudahan manfaat, soalnya secara tidak langsung peringkat alexa mempengaruhi mesin pencari, begitu juga dengan validator html5 yang konon akan mempunyai backlink dari PR9 :D validator.w3 "meureun"

Balas

Keren kang, cuma pake gif jauh lebih ringan dari biasannya yang js... kompiajaib memang masternya kalau soal kecepatan blog, :D

Balas
Add Comment

Komentar dengan link promo akan masuk spam.

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments Top Disqus Commentators
  • 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 Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Kompi Ajaib? Keep us running by whitelisting Kompi Ajaib in your ad blocker.

This is how to whitelisting Kompi Ajaib in your ad blocker.

Thank you!

×
×
×