Senin, 03 Oktober 2011

Cara pasang whos.amung.us (Menampilkan Pengunjung Blog Kita)

Cara pasang whos.amung.us diwordpress sekarang sudah marak, tapi yang Anda dapatkan akhirnya hanya perintah untuk copy kodenya dan taruh di widget text, padahalkan kodenya itu javascript??? Munkin Anda lewat artikel ini, Anda mendapatkan tutorial cara pasang widget dan memberikan tutorial lengkap cara pasang widget whos.amung.us di wordpress beserta kode non javascriptnya.
Cara pasang widget amung diblog wordpress dilakukan dengan cara merubah kode javascript widget tersebut agar bisa tampil diblog wordpress.Disini saya akan berikan 3 style amung yg bisa dipasang diblog wordpress,kalau ada yg lain silahkan dibagi-bagi.
Style yg pertama bentuk yg standar seperti yg dibawah ini.
Agar bisa terpasang dan tampil diblog wordpress ganti javascript dengan kode html ini.
<a href=”http://whos.amung.us/stats/iotweroumst4/”><img src=”http://whos.amung.us/widget/iotweroumst4/”></a>
Copy paste kode html yg diatas tersebut,yg perlu diganti kode yg berwarna merah,silahkan ambil kode tersebut di whos.amung.us letaknya ada dibagian paling bawah dari kode javascript contohnya seperti ini.
<script type=”text/javascript” src=”http://widgets.amung.us/tab.js”></script><script type=”text/javascript”>WAU_tab(‘iotweroumst4‘, ‘left-middle’)</script>
Yang warna merah adalah kode yg harus kalian ganti.
Lanjut kewidget nomer dua.Bagi kalian yg suka ganti-ganti warna dan ingin beda dari pada yg lain bisa memasang widget amung yg satu ini.
Copas html dibawah ini agar bisa menampilkannya diblog kamu.
<a href=”http://whos.amung.us/stats/t5ey79nfb3je/”><img src=”http://whos.amung.us/cwidget/t5ey79nfb3je/ffc20e000000/”></a>
Warna merah adalah kode yg kamu harus ganti,ambil kode tersebut di whos.amung.us/colorwheel.Letaknya sama dibagian paling bawah diantara kode javascript.Untuk yg warna hijau adalah kode warna dari widget amung dan yg warna biru kode warna dari font atau angka status online diblog kamu.Contohnya seperti ini saya ingin membuat amung dengan warna merah dengan angka status warna putih maka kode htmlnya jadi seperti ini
<a href=”http://whos.amung.us/stats/t5ey79nfb3je/”><img src=”http://whos.amung.us/cwidget/t5ey79nfb3je/ff0000ffffff/”></a>
Maka hasilnya seperti ini
Gimana sudah mengerti,kalau sudah mengerti lanjut kestyle yg ketiga.widget amung dengan style seperti yg
saya pasang,karena dilihat lebih cool dan imut.Ini contohnya.
Gimana keren kan penampilannya mau pasang yg seperti ini,copas html dibawah ini
<a href=”http://whos.amung.us/stats/rk8ayigymjz4“><img src=”http://whos.amung.us/swidget/rk8ayigymjz4“></a>
Seperti yg diatas warna merah adalah kode yg harus kamu ganti,masuk di whos.amung.us/showcase Kemudian klik widget amung yg sebelah kanan atas atau yg sama dengan widget yg diatas,selanjutnya ambil kode tersebut letaknya sama dibagian bawah diantara kode javascript.
Untuk mengganti kode,kamu bisa buat sendiri dengan cara mencampur angka dan huruf yg berjumlah 12,tetapi untuk mencari amannya disarankan ambil langsung dari website amung.
Sekarang kamu bisa menampilkan widget amung dan memilih yg sesuai untuk blog wordress kamu.
jika ada yang belum mengerti di bawah in alternatifnya;
update: 
Cara lain dan mudah untuk menampilkan widget whos.amung.us tersebut di wordpress. Berikut tutorialnya:
1. klik disini untuk mendapatkan widgetnya.
2. lalu pilih warna sesuka dan selera anda!! 
3. lalu jangan copy dulu kodenya,, tapi klik ikon dibawah kodenya (yanng lambang facebook, friendster, dan lainnya)
4. setelah itu klik lambang wordpress
5. lalu masukan username wordpress anda dan jangan lupa passwordnya.
6. lalu klk post. tunggu proses post sampai selesai.
7. jika sudah, maka bukalah wordpress admin anda dan klik edit post,lalu sunting post yang berjudul whos.amung.us lalu masuk ke mode HTML, copy semua kode kodenya, lalu hapus post tersebut ke tong sampah, dan kodenya tersebut anda lalu pastekan ke widget text anda.
8. buka blog wordpress anda, dan wala, widget whos.amung.us sudah terpampang di blog Anda.

0 komentar:

Poskan Komentar

 
Copyright © . RALEOPA_Q - Posts · Comments
Theme Template by BTDesigner · Powered by Blogger