Cara Memasang Widget Pengunjung Online dengan Whos Amung Us di WordPress

Iwhos-amung-2ngin mengetahui berapa orang yang sedang online di blog kita? salah satunya adalah memakai jasa counter whos.amung.us. Sebenarnya cara ini sudah banyak di share oleh teman-teman blogger, namun saya coba share beberapa tips unik yang beda dengan lainnya. Salah satunya cara memasang melayang di samping sebagaimana layaknya pakai javascript.

Sebagaimana diketahui kode asli dari whos.amung.us adalah kode javascipt yang notabene tidak bisa diterapkan di blog wordpress.com. Agar bisa dipasang di wordpress.com, kita bisa mengakalinya dengan merubah kodenya terlebih dahulu.

Berikut ini caranya:

Kunjungi web whos.amung.us
lihatlah di bagian bawah web, ada deretan kode rumit, catat kode hanya yang saya tandai dengan warna merah. Tiap orang akan berbeda kodenya.

<script id=”_wauigb”>var _wau = _wau || []; _wau.push([“classic”, “n3uj9kj513gx“, “igb”]);
(function() {var s=document.createElement(“script”); s.async=true;
s.src=”http://widgets.amung.us/classic.js&#8221;;
document.getElementsByTagName(“head”)[0].appendChild(s);
})();</script>

Selanjutnya Anda bisa mengaplikasikan kode yg warna merah diatas dengan beberapa style berikut ini:

1. 
Kodenya:

<a href=”http://whos.amung.us/stats/n3uj9kj513gx” target=”_blank”><img src=”http://whos.amung.us/widget/n3uj9kj513gx/”></a>

 

2. 
Kodenya:

<a href=”http://whos.amung.us/stats/n3uj9kj513gx” target=”_blank”><img src=”http://whos.amung.us/cwidget/n3uj9kj513gx/ff0000ffffff/”></a>

 

3. 
Kodenya:

<a href=”http://whos.amung.us/stats/n3uj9kj513gx” target=”_blank”><img src=”http://whos.amung.us/cwidget/n3uj9kj513gx/ffc20e000000/”></a>

 

4. 
Kodenya:

<a href=”http://whos.amung.us/stats/n3uj9kj513gx” target=”_blank”><img src=”http://whos.amung.us/swidget/n3uj9kj513gx/”></a>

 

gambar ini nantinya melayang disisi kanan blog, seperti yang saya pasang diblog ini.

Kodenya:

<div style=”position:fixed; top:300px; right:-30px; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg);-o-transform:rotate(-90deg); -moz-transform:rotate(-90deg); border:2px solid #ffffff; border-radius:5px;”><a href=”//whos.amung.us/stats/n3uj9kj513gx” target=”_blank” title=”whos online”><img src=”http://whos.amung.us/cwidget/n3uj9kj513gx/df0101ffffff/” height=”40px” width=”90px” /></a></div>

 

6. 

jika ingin dipasang melayang disebelah kiri blog dibawah ini kodenya.
Kodenya:

<div style=”position:fixed; top:300px; left:-30px; transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg);-o-transform:rotate(90deg); -moz-transform:rotate(90deg); border:2px solid #ffffff; border-radius:5px;”><a href=”//whos.amung.us/stats/n3uj9kj513gx” target=”_blank” title=”whos online”><img src=”http://whos.amung.us/cwidget/n3uj9kj513gx/df0101ffffff/” height=”40px” width=”90px” /></a></div>

 

Penting:

Copy paste salah satu kode diatas di widget TEXT. Jika tidak berfungsi dengan baik sebaiknya ditulis secara manual saja.
Ganti kode yang berwarna merah dengan kode milik Anda sendiri

Jika tampilan gambar whos amung us tidak pas silahkan edit/ganti nilainya (300px dan -30px) dengan nilai yg lain hingga tampilannya sesuai, pada kode bagian berikut:
top: 300px;
left: -30px;
right: -30px;

Sumber: http://diradja.wordpress.com/2012/04/20/bagaimana-cara-memasang-kode-whos-amung-us-di-wordpress-com

Silahkan Beri Kesan dan Komentar Anda disini

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 )

Foto Google

You are commenting using your Google 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 )

Connecting to %s