| Memasang Widget Alexa Tanpa JavaScript |
|
| Ditulis Oleh kakbayu | |
| Rabu, 24 Februari 2010 | |
|
Alexa adalah salah satu website untuk mengukur trafik pada web atau blog kita, semakin rendah angka yang kita dapat, semakin bagus trafik website kita. Alexa juga menyediakan widgets untuk dipasang pada web atau blog kita. Mungkin ada diantara beberapa blogger yang mengalami kesulitan memasang widget alexa ini, dimana yang tampil hanya tulisan saja tanpa ada gambar apapun Setelah saya googling, ternyata permasalahannya berkaitan dengan bahasa java script, dimana beberapa CMS seperti Joomla dan Wordpres tidak kompatible dengan bahasa java script. Kecuali dapat diatasi dengan memasang plugins atau modul, sebenarnya kita dapat juga memasangnya tanpa menggunakankeduanya.
Saya sendiri sempat mengalami masalah ini, namun dengan sedikit berusaha (trial and error) saya terus mencoba memasangnya. Sebelumnya saya telah mendaftarkan dan mengklaim website ini di alexa.com (meskipun kayaknya bisa juga walau tidak mendaftar). Tapi saya sarankan untuk mendaftar aja di alexa. Gratis ini kok ! ![]() Kemudian anda mengklik menu Masukan alamat website kita dengan full address (www.example.com), klik timbol Build Widget. Tunggu sebentar, alexa sedang beraksi ! Setelah muncul widget badge beserta kode skrip, biasanya sebagai orang awam kita langsung mencopy skrip yang ada di dalam kotak dan memasukan kedalam editor HTML web Joomla maupun Wordpress kita (karena memang kata alexa begitu). Namun sering tidak muncul apa-apa , masalahnya ini kode terdapat Java Script, sempet stres juga jadinya, whats wrong? . Akhirnya utak-atik ketemu juga caranya.Pertama-tama blok gambar widgets kita yang bentuknya seperti ini (atau pilih sesuai selera) dengan menggunakan mouse.Setelah itu klik kanan, kemudian pilih View Selection Source. Maka akan muncul jendela baru dari browser Mozilla kita (kalau pake browser mozilla) yang berisi skrip HTML & Java Script, perhatikan beberapa baris kode HTML yang telah ter-blok, karena itulah kode widgets kita. Lepaskan blok (tapi ingat posisi blok sebelumnya karena itu berisi kode bentuk widgets yang kita pilih / blok) , kemudian blok kembali sedikit hingga menjadi seperti ini saja: <a href="http://www.alexa.com/siteinfo/www.kakbayu.web.id"><a class="AlexaSiteStatsWidget" href="http://www.alexa.com/data/details/main?url=http://www.kakbayu.web.id"><img alt="Alexa Certified Site Stats for www.kakbayu.web.id" src="http://xsltcache.alexa.com/site_stats/gif/t/b/d3d3Lmtha2JheXUud2ViLmlk/s.gif" border="0"> Bagian yang dicetak tebal adalah nama URL web kita yang otomatis akan dibuat oleh alexa, termasuk deretan kode aneh d3d3Lmtha2JheXUud2ViLmlk yang juga dibuat oleh alexa. Setelah itu pada web Joomla kita buka menu Modules > Sites Module, kemudian pilih New. Setelah terbuka editornya, klik pada ikon HTML untuk membuka jendela HTML Editor. Kemudian copy-paste kan kode tadi lalu tekan Update. Lalu save modul tersebut, atur posisinya. Kalau tidak ada kesalahan, maka munculah widget yang sangat kita damba-dambakan. ![]() <meskipun saat tulisan ini dibuat masih diatas 6 jutaan rangkingnya hehe !> Update 2010-03-29: Pada website saya, saya mencoba juga menggunakan modul mod_html, tetapi update Alexa Ranknya terlambat. Sedangkan widget pada tulisan ini diambil dengan cara diatas, namun update lebih dulu dan sudah sesuai dengan Alexa.com. Jadi saya gunakan dua-duanya aja, kalau yang pakai modul update, saya pake yang modul, yang ini saya unpublish. Kalau yang cara diatas update, saya publish dan modul di unpublish. Yang dimaksud blog disini adalah blog WordPress yang mana saya baca di google tidak mendukung JavaScript, mungkin harus pakai plugins lagi kali, karena saya tidak paham wordpress. Kalau blogspot, udah oke !
|
| < Sebelumnya | Berikutnya > |
|---|


kita langsung mencopy skrip yang ada di dalam kotak dan memasukan kedalam editor HTML web Joomla maupun Wordpress kita (karena memang kata alexa begitu). Namun sering tidak muncul apa-apa
, masalahnya ini kode terdapat Java Script, sempet stres juga jadinya, whats wrong?
. Akhirnya utak-atik ketemu juga caranya.
(atau pilih sesuai selera) dengan menggunakan mouse.
















