Memasang Widget Who's Amung Us Di Wordpress

Melanjutkan postingan saya yang kemarin tentang cara memasang widget who's amung us untuk blog, sekarang saya akan mencoba menjawab pertanyaan salah satu sahabat blogger saya yaitu cara memasang widget who's amung us ini di worddpress.

kalo dipasang diwp bs g?

Untuk memasangnya diwordpress sebenarnya lebih mudah, karena kita tinggal mengganti script yang kita dapat dari whos.amung.us, lalu mengubahnya ke bentuk kode HTML.

Iya... terus gimana cara mengubahnya ...?

Ok.. saya jelaskan, kita ambil contoh salah satu script yang telah kita ambil dari whos.amung.us :

<script type="text/javascript" src="http://widgets.amung.us/small.js"></script><script type="text/javascript">WAU_small('66mte15nw3ti')</script>

Perhatikan kode yang berwarna merah diatas, ambil kode tersebut dan copy kedalam kode HTML berikut ini :

<a href="http://whos.amung.us/stats/KODE_MERAH/"><img src="http://whos.amung.us/widget/KODE_MERAH/"></a>

Sehingga hasilnya seperti ini :

<a href="http://whos.amung.us/stats/66mte15nw3ti/"><img src="http://whos.amung.us/widget/66mte15nw3ti/"></a>

Perhatian :
Kode warna merah diatas akan berbeda Untuk setiap script yang kita dapat dari whos amung us

Contoh script diatas adalah contoh tampilan sederhana seperti ini :


Untuk widget yang lainnya juga caranya sama yaitu kita tinggal merubah script whos amung us ke dalam kode HTML.

Untuk mendapatkan script whos amung us ini silahkan ikuti tahap berikut :

1. silahkan kunjungi http://whos.amung.us/
2. silahkan kalian pilih posisi pemasangan seperti yang saya jelaskan diatas.
3. Copy script yang ada dibagian atas pilih posisi

Contoh :

<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('etmw2toku0nx', 'left-middle')</script>

Setelah diubah ke HTML

<a href="http://whos.amung.us/stats/etmw2toku0nx/"><img src="http://whos.amung.us/widget/etmw2toku0nx/"></a>

Jika kalian merasa kurang puas dengan tampilan diatas, kalian bisa memilih tampilan lain yang disediakan, ikuti tahap berikut ini :

1. silahkan kunjungi http://whos.amung.us/
2. Klik "MORE COOL wIDGET" atau Klik disini untuk langsung ke halaman tersebut
3. Pilih widget yang disediakan, KLIK salah satu gambar
4. Copy script yang berada dibawah gambar tadi

Atau jika kalian masih kurang puas dengan tampilan yang kedua (belum puas juga nich...), kalian bisa berkreasi sendiri dengan mengikuti tahap berikut :

1. silahkan kunjungi http://whos.amung.us/colorwheel/
2. Pilih warna widget sesuai template kalian (sesuai keinginan kalian)
3. jika sudah pass warnanya, silahkan Copy script yang ada dibagian bawah.

Contoh :

<script type="text/javascript" src="http://widgets.amung.us/colored.js"></script><script type="text/javascript">WAU_colored('oloxmms53wux', 'ed1c24000000')</script>

Setelah diubah ke HTML

<a href="http://whos.amung.us/stats/oloxmms53wux/"><img src="http://whos.amung.us/widget/oloxmms53wux/ed1c24000000"></a>

* PEMASANGAN DI WORDPRESS

1. Login Ke wordpress kalian
2. Masuk di Dashboard
3. Pilih Tampilan --> Widgets --> Text
4. Simpan kode HTML yang tadi hasil modifikasi script whos amung us kedalam widget text-nya.
5. Jangan lupa SIMPAN

Semoga bermanfaat dan semoga dapat membantu.