Cara Pasang Widget Alexa Rank Di WordPress.com


Seperti janji saya sebelumnya, hari ini kita akan membahas tentang cara pasang widget Alexa rank di WordPress.com.

Kebetulan, karena memang sedang semangat-semangatnya ngeblog (blogging) jadi mungkin beberapa hari kedepan saya akan terus mencari ide tulisan-tulisan baru untuk diposting nanti. Untuk itu saya minta bantuannya kepada teman-teman dengan mengikuti polling sebentar saja di https://apayangsayapunya.wordpress.com/polling/ supaya kedepan-kedepannya saya bisa memilih kategori yang cocok untuk para pembaca atau pengunjung setia blog Apa Yang Saya Punya ini.

Mari kita mulai!

Silahkan terlebih dahulu menuju ke http://www.alexa.com/siteowners/widgets/

  • Pertama: Silahkan pilih widget yang kamu suka. Sebagai contoh, saya telah memilih Alexa Traffic Widgets.
  • Kedua: Masukan nama domain blog kamu (tanpa HTTP). Contoh; apayangsayapunya.wordpress.com di dalam form widget builder.

Gambar 1.

  • Ketiga: Generate widget dengan menekan tombol “Build Widget“.
  • Ke-Empat: Pilihlah ukuran widget yang sesuai untuk sidebar blog kamu. Sebagai contoh, saya telah memilih widget dengan ukuran 120×240 px.
  • Kelima: Siapkan sebuah tulisan baru di blog kamu di tab baru pada browser kamu (jangan ditutup dulu). Persiapkanlah tulisan baru tersebut dalam mode Visual disamping mode Teks. Tenang saja, saya tidak menyuruh kamu untuk membuat pekerjaan rumah dari saya😀. Ini digunakan untuk mempersiapkan metode yang akan kita peragakan dalam tulisan ini🙂
  • Ke-Enam: Sorot mouse kamu ke gambar widgetnya, lalu klik kiri dan tahan untuk men-drag gambar tersebut. Seret ke arah (kedalam) tab pada point kelima diatas, lalu Drop gambar tersebut di dalam form tulisan barunya. Lihat gambar dibawah ini jika kamu merasa bingung.

Gambar 2.

Drag and Drop the image to new post form in visual mode

  • Ketujuh: Sekarang segeralah ganti mode tulisan ke bentuk “Teks” untuk mendapatkan kode HTML gambar tersebut.

Gambar 3.

HTML codes has been generated automaticaly in text mode

  • Kedelapan: Sekarang copy kode HTML tersebut. Selanjutnya bukalah pengaturan widget di blog kamu. Tambahkan sebuah widget teks baru ke dalam sidebar dan pastekan kode HTML nya didalam widget teks tersebut.

Gambar 4.

  • Berilah judul widgetnya, semisalnya My Site Meters atau Site Info (whatever else) pokoknya terserah kamu. Lalu simpan dan tutup.

Sekarang coba bukalah halaman index atau halaman utama blog kamu. Lihat apakah sudah terpasang widget Alexa Rank nya?

Kalau sudah, SELAMAT! Berarti kamu telah berhasil mengikuti langkah demi langkah tutorial didalam tulisan ini.

Tunggu. Jangan kemana-mana dulu! Bagi kamu yang belum berhasil atau masih kesulitan dengan cara diatas. Saya telah mempersiapkan cara tambahan yang lebih simpel dan lebih mudah dibawah ini.

Ikuti langkah-langkahnya:

  • Pilihlah widget yang kamu suka
  • Sorot gambar widget yang kamu pilih
  • Klik kanan mouse kamu, dan pilh “Copy Image Location”.

Sekarang, izinkan saya untuk memberi source code-nya untuk kamu sesuaikan dengan lokasi gambar (image location) yang telah kamu copy tadi.

<a class="AlexaSiteStatsWidget" href="http://www.alexa.com/data/details/main?url=https://apayangsayapunya.wordpress.com"><img alt="Alexa Certified Traffic Ranking for apayangsayapunya.wordpress.com" src="http://xsltcache.alexa.com/site_stats/gif/s/b/YXBheWFuZ3NheWFwdW55YS53b3JkcHJlc3MuY29t/s.gif" /></a>

Silahkan Copy & Pastekan source code diatas kedalam widget teks di blog kamu yang telah kamu persiapkan.

Keterangan: Gantilah teks yang berwarna merah dengan URL blog kamu, dan URL gambar yang sudah lamu copy tadi.

Sedikit tambahan. Walaupun begitu, tetap kita tidak dapat melihat adanya perubahan data traffic pada kedua metode diatas. Karena yang kita salin hanyalah sebuah gambar. Bukan JavaScript yang sangat tidak mungkin di gunakan dalam blog WordPress ini, kecuali mereka yang mempunyai self hosting.

Namun, setidaknya dapat sedikit menghibur hati🙂. Kelak pasti akan kita temui cara yang paling relevan untuk kasus ini. So, jangan menyerah buat para blogger WordPress dan tetaplah berkreasi!

UPDATE! Pemasangan widget alexa traffic rank dengan cara diatas ternyata berhasil. Kita dapat melihat adanya perubahan data statistik secara langsung di widget tersebut walau tanpan menggunakan javascript.

Bagaimana teman-teman? Apakah kalian menyukai tutorial diatas?🙂

Bantu saya dengan mengikuti polling atau survey dibawah ini.

40 thoughts on “Cara Pasang Widget Alexa Rank Di WordPress.com

  1. gan.. Silahkan terlebih dahulu menuju ke http://www.alexa.com/siteowners/widgets/ itu muncul Can I display my Alexa rank on my site? trs gmn lg ya ?

    Pertama: Silahkan pilih widget yang kamu suka. Sebagai contoh, saya telah memilih Alexa Traffic Widgets.
    Kedua: Masukan nama domain blog kamu (tanpa HTTP). Contoh; apayangsayapunya.wordpress.com di dalam form widget builder.

    Gambar 1.

    kenapa ya di ane ga muncul gambar 1 nya ?

    mohon penjelasannya. maap masi newbie bgt neh
    makasih
    salam
    http://www.butiketnikbeatrix.com

  2. Selain katanya menaikkan peringkat domata alexa, dengan memasang widget ibi juga menjadi motivasi kita untuk terus mengupdate blog tersebutkarena terpacu untuk terus merubah posisi ranking alexa ke posisi lebih baik😀

Tinggalkan Komentar

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s