andreasandre . net andreasandre .net | sekedar tempat untuk berbagi | Blog Terbaik

Memasang widget alexa di wordpress.com

06.21.2010 · Posted in internet dan blog

Memasang widget alexa di wordpress.com

Saya memang tidak menggunakan blog wordpress instan(blog wordpress yang langsung daftar dan langsung jadi), namun ketika saya belajar memasang widget alexa dan mempelajari artikelnya dari internet, saya menemukan bahwa alexa tidak dapat langsung diinstal di blog ‘instan’ wordpress.com. apa itu alexa sudah ada saya jelaskan di artikel cara pasang alexa rank.

Kali ini saya ingin berbagi dari pembelajaran yang saya temukan di internet, bagaimana cara memasang widget alexa di blog ‘instan’wordpress.com tadi.

  • Kunjungi situsnya, www.alexa.com
  • Klik tab for site owner
  • Pada bagian widget pilih get traffic widget
  • Setelah itu masukkan alamat URL blog kita dan klik build widget
  • Kita akan mendapatkan kode HTML alexa dan tampilan banner Alexa seperti ini :

    <A href=”http://www.alexa.com/siteinfo/www.blabla.wordpress.com”><SCRIPT type=’text/javascript’ language=’JavaScript’ src=’http://xslt.alexa.com/site_stats/js/s/a?url= blabla.wordpress.com ‘></SCRIPT></A>

  • Jangan Copy kode HTML tersebut, walaupun ada instruksi untuk mencopynya, karena ini tidak akan berhasil. Ingat wordpress.com membatasi penggunaan javascript.

Cara ‘mengakali’ ini adalah

  • Copy isi dari kode HTML tadi ke notepad, setelah itu copy bagian ini, dan paste ke tempat kosong di notepad
  • http://xslt.alexa.com/site_stats/js/s/a?url=www.blabla.wordpress.com

  • jika sudah, kita harus mencari gambar banner dari alexa. untuk mendapat gambar banner, Kembali ke halaman sebelumnya, dan klik kanan->copy image location. Dan paste(ctrl+V) ke notepad tadi.
  • Contoh:
  • http://xsltcache.alexa.com/site_stats/gif/s/a/c2ZnYXRlLmNvbQ==/s.gif

  • setelah itu gabungkan kedua script tadi menjadi
  • <a href=”http://xslt.alexa.com/site_stats/js/s/a?url=www.blabla.wordpress.com”> <img src=”http://xsltcache.alexa.com/site_stats/gif/s/a/c2ZnYXRlLmNvbQ==/s.gif”> </a>

Jangan lupa tanda petik juga di perhatikan. Kita tinggal memasang gabungan script ini di widget ‘text’ di blog kita.

Jadi dah… cukup rumit, semoga bermanfaat

9 Responses to “Memasang widget alexa di wordpress.com”

  1. nice tutorial..
    mantap bgt :)
    ingin aku coba jugaa .. hehehe..
    mksh infonya..

    Reply

    andre Reply:

    di coba aja, aku juga masih baru kok

    Reply

  2. Terimakasih atas ilmunya, saya coba dulu..
    Stevenieca recently posted..SeurieuS – Serdadu Rock

    Reply

  3. thanks infonya, dicoba dulu….

    Reply

  4. Mantap tricknya, di coba dulu. Thx
    Indovision recently posted..Want Instant Delivery of New Blog Posts &amp Comments

    Reply

    andre Reply:

    silahkan mas dicoba :D

    Reply

  5. matur nuwun banget infonya :)

    Reply

    andre Reply:

    sami-sami gan

    Reply

  6. numpang liat infonya gan..
    skalian blogwalking neehh.
    hhee.. :)

    Reply

Leave a Reply

CommentLuv badge

Anda Pasti Suka Artikle Iniclose