Garasingibad™

Info Gadget, Custom ROM, Tweak And Tutorial




Follow instagram di @Revanngibad

Cara Memasang widget Whos Amung Us di WordPress

Kadang kita kepo, sebenarnya ada tidak sih yang mengunjungi blog kita atau yang sedang mengunjungi blog kita, nah kepo sobat langsung hilang seketika setelah membaca dan ,epraktekan cara mengetahui orang yang sedang mengunjungi blog kita. Coba deh pakai widget Whos Amung Us untuk wordpress, kenapa saya bilang untuk wordpress? ya karena pemasangannya beda dengan di blogspot.

 

Pertama yang harus di lakukan adalah sobat pergi ke whos.amung.us

Di dalam web itu ada beberapa tampilan user atau widget user yang bermacam macam.

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&#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/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:-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=”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; 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=”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
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;

 

Setelah selesai, sobat letakan kode tersebut di widget text wordpress sobat di bagian content, jangan judul ya. Widget text harus sudah aktif, biasanya di seret pakai mouse di taruh ke bagian mana yang sobat inginkan. Somoga berhasil…

 

Jika ada link mati, segera lapor admin melalui inbox facebook di Mohamad Nasihin Ngibad

DMCA.com Protection Status © GARASINGIBAD.COM 2015-2017 Frontier Theme