Cara Memasang Widget Alexa Terbaru di WordPress.com Tanpa Bantuan Blogspot / Plugin


Alexa Widget

Berikut merupakan penjelasan dari Cara memasang Widget Alexa Page Rank di Blog WordPress.com Terbaru 2014 Tanpa Bantuan Blogspot / Plugin Alexa WordPress untuk langkah singkatnya dapat membaca di Cara Singkat Pasang Widget Alexa WordPress Terbaru 2014 Tanpa Bantuan Blogspot / Plugin

Saya menuliskan penjelasan ini karena cuma ingin agar saya sendiri tidak lupa mengenai langkah-langkah dan caranya sekalian berbagi ilmu walaupun kelas ilmu pemula. Saya sendiri tidak memasang widget alexa di sidebar karena masih kosong dan walau datanya sudah terbaca pasti puluhan juta ๐Ÿ˜€ (malu)

Dulu saya sudah pernah memasang widget alexa untuk blog wordpress.com, tapi kali ini setelah di coba lagi ternyata ada perbedaan karena tidak adanya lagi halaman get widget yang dimana di dalamnya terdapat tombol Bulid Widget.ย Padahal dengan tombol inilah kita dapat memasang widget kita karena didalamnya terdapat kode URL tersembunyi yang merujuk ke data trafic URL website kita.

Di halaman Alexa Support terdapat kode javascript untuk memasang widget. Namun bagi pengguna wordpress hosted service atau wordpress.com seperti saya, selain tidak bisa menggunakan javascript juga tidak bisa menginstall plugin.

Setelah jalan-jalan di berbagai blog saya hanya menemukan 3 cara untuk memasang widget Alexa di subdomain wordpress.com yang non self hosted. Tapi setelah utak atik saya akhirnya menemukan cara lain tanpa repot-repot harus memakai wordpress self hosting ataupun blogspot.

Berikut caranya.

1. Kita langsung saja cari blog yang sudah memasang widget Alexa page rank. Bagaimana menemukanya?

  • Jika kita berusaha mencari tahu bagaimana cara menampilkan widget alexa otomatis kita akan dibawa ke halaman yang membahas cara memasangnya dan di dalamnya terdapat widget alexa yang sudah terpasang ๐Ÿ˜€
  • Atau copy saja kode untuk pasang widget di halaman Alexa Support seperti ini
    <a href=”http://www.alexa.com/siteinfo/yoursite.com“><script type=”text/javascript” src=”http://xslt.alexa.com/site_stats/js/t/a?url=yoursite.com/”></script></a>

    lalu paste di google pasti halaman yang tampil adalah yang membahas cara pasang widget alexa dan biasanya mereka sudah memasang widget alexa ๐Ÿ˜€

2. Setelah kita masuk di halaman yang sudah memasang alexa page rank, klik kanan di gambar widget tersebut lalu klik copy image.ย 
Lalu setelah di copy buka dashboard wordpress dan buat posting baru tujuanya untuk mengambil kode html nya. Paste dalam mode visual. Lalu klik tab text dan kita mendapatkan kode html seperti ini (code ini saya ambil dari widget Alexa dari halaman simomot.com di mana saya menemukan 3 cara lainya)

<img class=”alignleft” src=”http://xsltcache.alexa.com/site_stats/gif/s/a/c2ltb21vdC5jb20=/s.gif” alt=”Alexa Certified Traffic Ranking for simomot.com” width=”120″ height=”95″ />

Kode berwarna merah di ataslah yang akan kita ganti dengan kode milik kita sendiri. simomot.com kita ganti dengan nama website kita masing-masing. Dan yang c2ltb21vdC5jb20= merupakan URL website yang tersembunyi seperti kata saya tadi. Itu merupakan URL yang sudah di decode ke base64. (mau tahu cara mengetahui bagaimana saya mengetahui itu adalah URL yang sudah di decode? baca postingan saya selanjutnya)

Nah cukup ganti kode tersebut dengan kode URL website kita dan otomatis alexa akan mengambil data trafic website kita. Cara menggantinya adalah dengan meng-encode nama website kita tanpa www dan http. Misal cukup hanya hitandi.wordpress.com

Cara menggantinya masuk ke website yang telah menyediakan decode dan encode otomatis. Seperti https://www.base64encode.org/

base64

Setelah masuk ke website tersebut pilih tab Encode, Copy nama URL website kita tanpa www dan http. Misal hitandi.wordpress.com Copy nama website kita di bagian atas lalu klik Encode. Hasilnya akan tampil di bagian bawah setelah kita klik Encode. Nah hasil encode tersebutlah yang kita gunakan untuk me-replace kode yang berwarna merah seperti di atas. Namun sebelumnya saya sedikit memodifikasi dengan menambahkan kode html untuk link menuju ke site info alexa punya saya yaitu

<a href=”http://www.alexa.com/siteinfo/hitandi.wordpress.com“>

karena ketika saya mencoba tanpa menambahkan link terbseut selain tidak bisa menuju ke halaman alexa website saya juga terdapat errorย  404 ketika mengambil links in dan site info. Setelah ditambahkan link untuk menuju ke site info alexa, hasil akhir widget alexa di website saya seperti ini

<a href=”http://www.alexa.com/siteinfo/hitandi.wordpress.com“>
<img class=”alignleft” src=”http://xsltcache.alexa.com/site_stats/gif/s/a/aGl0YW5kaS53b3JkcHJlc3MuY29t/s.gif” alt=”Alexa Certified Traffic Ranking for hitandi.wordpress.com” width=”120″ height=”95″ /></a>


Alexa Certified Traffic Ranking for hitandi.wordpress.com
Untuk cara pasang widget alexa di wordpress self hosted dan blogspot mungkin bisa dicari dengan mudah di google karena sudah banyak yang membahasnya.

Karena saya blog baru dan nemuin sendiri caranya, mohon bantu di sebarin dunk atau di copas, tapi minta tolong sertain link saya sekalian,he..

Itulah penjelasan saya mengenai Cara memasang Widget Alexa Page Rank di Blog WordPress.com Terbaru 2014 Tanpa Bantuan Blogspot / Plugin Alexa Rank WordPress.

Advertisements

9 comments on “Cara Memasang Widget Alexa Terbaru di WordPress.com Tanpa Bantuan Blogspot / Plugin

  1. Tulisan yang menarik, kebetulan ane mau tanya gan, ane jga pke wp tpi kok ga bisa psang widget lagi ya akhir@ ni.sya coba psang hitstat dan widget lain yg memanfaatkan widget text di wp udah gak bisa kepasang,sblumnya sy bsa psang musik yag tersembunyi dan jam tpi skrg udh gak bisa.mhon infonya gan,soalnya ane gak bgitu pham dgn kode2 java script dsb.

    Like

Komentarnya please

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s