Cara Mengetahui Statistik Pengunjung Online dengan whos.amung.us di Blogspot dan Wordpress

Cara mengetahui pengunjung yang sedang online di blogspot, kita bisa memanfaatkan widget whos.amung.us dengan cara memasang ada blogspot kita. Saat ini pemilik whos.amung.us telah memperbaharui tampilan widget mereka dengan banyak pilihan sesuai dengan selera kita termasuk kita bisa tempatkan berbagai posisi widget tersebut. 

Pertahap Persiapan 

Untuk memasang kode statistik pengunjung ini tidak ada pendaftaran dan ini benar-benar gratis yang ditawarkan oleh pihak whos.amung.us cukup dengan mencopy kode html ke dalam blog yang ingin kita ketahui jumlah kunjungannya. 

1. Untuk menuju ke situs mereka kita cukup membuka http://whos.amung.us.

2. pilih menu "widgets" seperti tampak pada gambar dibawah ini:

3. Pilih kode sesuai dengan selera Anda. 

Pihak amung.us menawarkan 5 jenis widget diantara adalah widget klasik, widget berwarna, widget kecil,  widget tab, dan peta widget. 

Contoh Widget klasik

<script id="_wauzyq">var _wau = _wau || []; _wau.push(["classic", "dhxzj966xkki", "zyq"]);

(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/classic.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();
</script>

Contoh Widget berwarna

<script id="_waumv2">var _wau = _wau || [];

_wau.push(["colored", "dhxzj966xkki", "mv2", "ffc20e000000"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/colored.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

Contoh Widget kecil 

<script id="_wauscw">var _wau = _wau || []; _wau.push(["small", "dhxzj966xkki", "scw"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/small.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

Contoh Widget tab

<script id="_waucif">var _wau = _wau || [];
_wau.push(["tab", "dhxzj966xkki", "cif", "left-middle"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/tab.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

Pada widget tab kita bisa atur posisinya:

Contoh Peta widget

<script id="_waub4c">var _wau = _wau || [];
_wau.push(["map", "dhxzj966xkki", "b4c", "420", "210", "natural", "star-blue"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/map.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

Memasang Kode Widget di Blogspot

Misalnya kita ingin menggunakan jenis Widget Tab, caranya adalah copy kode Widget Tab, selanjutnya tentukan posisi widget.

Buka Template kemudian Edit HTML

Tempatkan kode dibawah b:skin

Kemudian lihat hasilnya.

Memasang Kode Widget di Wordpress

Karena widget amung.us hanya terdiri dari kode js (javascript) dan kode js tidak ijinkan oleh wordpress sehingga kita memodifikasi kode tersebut.

Sebelumnya kita telah dapatkan kode dibawah ini dari situs whos.amung.us :

<script id="_wauzyq">var _wau = _wau || []; _wau.push(["classic", "dhxzj966xkki", "zyq"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/classic.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();
</script>

Ambil kode yang berwarna merah saja, dhxzj966xkki
Pilih jenis widget dan masukkan kode merah tadi (catatan: setiap orang memiliki kode berbeda).

berikut kodenya:

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

Selanjutnya copy paste kode tersebut ke wordpress, di menu tampilan pilih widget pada dashboard wordpress

Kemudian lihat hasilnya.