Warung Bebas

Kamis, 29 September 2011

Trik Memasang Widget Alexa di Wordpress.com

Karena kemarin saya posting tentang Memasang Widget Alexa di Blogspot, jadi sekarang Untuk Wordpress.com. Kita tahu bahwa program wordpress.com (atau wordpress gratisan) tidak bisa mengakses kode html yang berbentuk java script. Sementara untuk menampilkan widget rangking dari Alexa, yang diberikan adalah java script. Otomatis rangking web yang diberikan oleh Alexa di blog wordpress tidak bisa ditampilkan. Bagi anda yang mempunyai Blog dengan platform WordPress.com dan ingin menampilkan widget Alexa Rank, Anda dapat melakukan trik dibawah ini :
  1. Buka halaman ini www.alexa.com
  2. Klik Login.
    Tutorial Blog,Alexa Blog
  3. Login menggunakan account Alexa Anda, atau menggunakan account Facebook. Kalau belum punya Anda bisa register dulu,
    Tutorial Blog,Alexa Blog
  4. Klik pada Site Tools.
    Tutorial Blog,Alexa Blog
  5. Lalu Klik Alexa Site Widgets.
    Tutorial Blog,Alexa Blog
  6. Masukkan nama blog Anda dan klik Build Widget.
    Tutorial Blog,Alexa Blog
    untuk contoh ini saya menggunakan Blogspot, ganti dengan alamat Wordpress Anda.
  7. Pada gambar Site Info yang diinginkan (gambar statistik rangking yang nantinya ingin kita tampilkan), blok gambar tersebut (klik kiri tahan dan gerakkan mouse melewati gambar tersebut), kemudian tekan Ctrl+C untuk meng-copy-nya.
    Tutorial Blog,Alexa Widget
  8. Login ke WordPress, Klik Post > Add New.
    Tutorial Blog,Alexa Widget
    Pada tab Visual paste-kan (Ctrl+V), sehingga didapatkan gambar tersebut.
    Tutorial Blog,Alexa Widget
    Kemudian klik tab HTML dan copy kode tersebut.
    Tutorial Blog,Alexa Widget
    <a href="http://www.alexa.com/data/details/main?url=http://wadahtutorial.blogspot.com"><img alt="Alexa Certified Traffic Ranking for http://wadahtutorial.blogspot.com" border="0" src="http://xsltcache.alexa.com/site_stats/gif/s/a/aHR0cDovL3dhZGFodHV0b3JpYWwuYmxvZ3Nwb3QuY29t/s.gif" /></a>
    Catatan : tiap blog yang dimasukkan di Alexa mempunyai kode yang berbeda.
  9. Setelah itu, klik Appearance > Widget
    Tutorial Blog,Alexa Widget
    Kemudian pilih Text untuk di-drag ke sidebar
    Tutorial Blog,Alexa Widget
    paste-kan hasil copy tadi dan klik Simpan / Save.
    Tutorial Blog,Alexa Widget
  10. Silahkan dicek Blog Anda dan lihat hasilnya.
Semoga Trik singkat ini bisa bermanfaat...

Artikel Terkait :

0 komentar em “Trik Memasang Widget Alexa di Wordpress.com”

Posting Komentar

 

M-Kolom Tutorial | All Tutorial Copyright © 2012 Fast Loading -- Powered by Blogger