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 :
- Buka halaman ini www.alexa.com
- Klik Login.
- Login menggunakan account Alexa Anda, atau menggunakan account Facebook. Kalau belum punya Anda bisa register dulu,
- Klik pada Site Tools.
- Lalu Klik Alexa Site Widgets.
- Masukkan nama blog Anda dan klik Build Widget.
untuk contoh ini saya menggunakan Blogspot, ganti dengan alamat Wordpress Anda. - 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.
- Login ke WordPress, Klik Post > Add New.
Baca Juga
- Membuat Link Membesar Saat disentuh Kursor
- Membuat Gambar Membesar Saat disentuh Cursor
- Cara Menghapus Waktu Komentar
- Membuat Dua Kolom Widget di Blogspot
- Tombol To Page Down WordPress
- Membuat Tombol di Blog
- Membuat Dua Kolom Tulisan diPostingan
- Mengganti Background di Postingan
- Menampilkan Tombol Share Di WordPress.com
- Tombol Back To Top WordPress
- Membuat Sticky Page di Wordpress
- Membuat Sticky Post di WordPress
- Cara Mengetahui Jumlah Backlink Blog
- Mendaftarkan Blog ke Google Webmaster Tools
- Script Anti Link Aktif di Komentar
- Sistem Moderasi Komentar di Blog
Pada tab Visual paste-kan (Ctrl+V), sehingga didapatkan gambar tersebut.
Kemudian klik tab HTML dan copy kode tersebut.
<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.
Kemudian pilih Text untuk di-drag ke sidebar
paste-kan hasil copy tadi dan klik Simpan / Save.
Artikel Terkait :
