.

Tinkerbell Glitter

Rabu, 05 September 2012

Bagaimana Cara Memasang Kode Whos.Amung.Us

Ingin mengetahui berapa orang yg 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", "hd3jzlby6lbw", "igb"]);
(function() {var s=document.createElement(“script”); s.async=true;
s.src=”http://widgets.amung.us/classic.js”;
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/hd3jzlby6lbw" target="_blank"><img src="http://whos.amung.us/widget/hd3jzlby6lbw/"></a>

2.
Kodenya:
<a href="http://whos.amung.us/stats/hd3jzlby6lbw" target="_blank"><img src="http://whos.amung.us/cwidget/hd3jzlby6lbw/ff0000ffffff/"></a>

3.
Kodenya:
<a href="http://whos.amung.us/stats/hd3jzlby6lbw" target="_blank"><img src="http://whos.amung.us/cwidget/hd3jzlby6lbw/ffc20e000000/"></a>

4.
Kodenya:
<a href="http://whos.amung.us/stats/hd3jzlby6lbw" target="_blank"><img src="http://whos.amung.us/swidget/hd3jzlby6lbw/"></a>

5.


gambar ini nantinya melayang disisi kanan blog, seperti yg saya pasang diblog ini.
Kodenya:
<div style="position:fixed; top:300px; right:0; 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; margin-right:-28px;"><a href="//whos.amung.us/stats/hd3jzlby6lbw" target="_blank" title="whos online"><img src="http://whos.amung.us/cwidget/hd3jzlby6lbw/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; right:0; 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; margin-right:-28px;"><a href="//whos.amung.us/stats/hd3jzlby6lbw" target="_blank" title="whos online"><img src="http://whos.amung.us/cwidget/hd3jzlby6lbw/df0101ffffff/" height="40px" width="90px" /></a></div>

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

Tidak ada komentar:

Posting Komentar