Melihat Jumlah Pengunjung Blog Kita


[ dari berbagai sumber ]

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&#8221; target=”_blank”><img src=”https://whos.amung.us/widget/hd3jzlby6lbw/”></a&gt;

2. 
Kodenya:

<a href=”http://whos.amung.us/stats/hd3jzlby6lbw&#8221; target=”_blank”><img src=”https://whos.amung.us/cwidget/hd3jzlby6lbw/ff0000ffffff/”></a&gt;

3. 
Kodenya:

<a href=”http://whos.amung.us/stats/hd3jzlby6lbw&#8221; target=”_blank”><img src=”https://whos.amung.us/cwidget/hd3jzlby6lbw/ffc20e000000/”></a&gt;

4. 
Kodenya:

<a href=”http://whos.amung.us/stats/hd3jzlby6lbw&#8221; target=”_blank”><img src=”https://whos.amung.us/swidget/hd3jzlby6lbw/”></a&gt;

5.

gambar ini nantinya melayang disisi kanan blog, seperti yg 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/hd3jzlby6lbw” target=”_blank” title=”whos online”><img src=”https://whos.amung.us/cwidget/hd3jzlby6lbw/df0101ffffff/&#8221; 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/hd3jzlby6lbw” target=”_blank” title=”whos online”><img src=”https://whos.amung.us/cwidget/hd3jzlby6lbw/df0101ffffff/&#8221; 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
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; 

Posted on 4 November 2013, in Download, Materi SMK, Web Desain. Bookmark the permalink. Tinggalkan komentar.

Tinggalkan Balasan

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

%d blogger menyukai ini: