Cara Pasang Status User Online.
Untuk memasang status user online di
pojok blog blog kita, pertama kita harus memilih web yang menyediakan
layanan traffic monitoring and real time visitors statistic seperti
whos.amung.us, RadarURL.com, daylogs.com, dll. Saya pribadi memilih
histats.com setelah bertahun-tahun lamanya menggunakan jasa
whos.amung.us
- Step 1: masuk ke histats.com dan daftarkan URL website/blog anda disana
- Step 2: Buat akun baru jika belum punya. Yang pernah buat tinggal login saja
- Step 3: Buat counter code untuk dipasang di blog wordpress.com kita
berikutnya:
- Step 4: Memilih jenis counter. Untuk tutorial ini, maka saya memilih counter berjenis animasi biasa. Selain itu ada juga yang jenisnya animasi flash. Untuk yang berjenis animasi flash, saya akan mengarahkan anda membaca tutorialnya di blog Irfanhandi
Jika kita sudah memilih salah satu dari
counter animasi biasa maka klik save dan kita akan dibawa ke jendela
untuk memilih counter yang telah dibuat tadi. Klik pada counter tersebut
dan akan menampilkan ini:
Kode yang sudah kita dapatkan dari tan Non Javascript adalah sbb:
<!– Histats.com START (html only)–>
<a href=”http://www.histats.com/viewstats/?SID=2010671&f=2“ alt=”free website hit counter” target=”_blank” ><div id=”histatsC”><img border=”0″ src=”http://s4is.histats.com/stats/i/2010671.gif?2010671&103“></div></a>
<!– Histats.com END –>
keterangan:<a href=”http://www.histats.com/viewstats/?SID=2010671&f=2“ alt=”free website hit counter” target=”_blank” ><div id=”histatsC”><img border=”0″ src=”http://s4is.histats.com/stats/i/2010671.gif?2010671&103“></div></a>
<!– Histats.com END –>
- yang berwarna ungu adalah URL akun dari traffic monitoring service yang disediakan oleh histats. jika dibuka (oleh siapa saja) akan langsung membawa kita pada halaman statistik lengkap blog kita tersebut. biasanya para calon pengiklan mengintip bagian ini untuk melihat seperti apa trafficnya? pageviewsnya? unique visitorsnya? dll
- yang berwarna biru adalah url dari gambar animasi biasa yang akan nangkring di blog kita
Cara Memasang Kode HTML User Online di Sidebar Blog.
Kode HTML dalam text area diatas bisa langsung dipasang untuk nangkring di sidebar blog wordpress.com
- masuk ke dashboard admin blog anda >> tampilan >> widget
- sorot dan tarik sebuah widget bernama “teks” ke sebelah kanan sehingga muncul jendela baru. kopikan kode HTML di dalam text area diatas langsung ke dalam widget tersebut. ganti yang berwarna ungu dan biru dengan kode yang telah anda dapatkan dari histats
- hasilnya bisa langsung dilihat di sidebar blog wordpress.com
- untuk theme yang mendukung footer widget, kode diatas juga bisa langsung dikopikan di footer widget agar tampilnya nanti bukan di sidebar melainkan di footer
Cara Memasang Kode HTML User Online di Pojok Blog.
Kalo anda tidak ingin meletakkan status user online tsb di sidebar / footer namun ingin membuatnya menjadi gambar melayang seperti di blog ini maka kita bisa memodifikasi kode HTMLnya sbb:
<code><a style=”display:scroll;position:fixed;bottom:0;left:0;” href=”http://www.histats.com/viewstats/?SID=2010671&f=2” title=”yg lagi online disini” target=”_blank”><img src=”http://s4is.histats.com/stats/i/2010671.gif?2010671&103” /></a></code>
Keterangan:- yang berwarna merah adalah posisi kode melayang (float image) jika anda tidak ingin meletakkannya di pojok kiri bawah, silahkan membaca tutorial berikut: Cara membuat gambar melayang di blog wordpress.com
- ganti yang berwarna ungu dan biru dengan kode HTML yang telah anda dapatkan dari histats