Cara Pasang Status User Online di Pojok Blog WordPress

Cara Pasang Status User Online di Pojok Blog WordPress. Sebenarnya ini tutorial sederhana namun karena masih banyak narablog (blogger) pemula yang belum tahu caranya dan bertanya-tanya maka saya berikan di artikel ini.

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

klik supaya jelas

• Step 2: Buat akun baru jika belum punya. Yang pernah buat tinggal login saja

klik supaya jelas

• Step 3: Buat counter code untuk dipasang di blog wordpress.com kita

klik supaya jelas

berikutnya:

klik supaya jelas

• 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

klik supaya jelas

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:

klik supaya jelas

Pilih pada tab Non Javascript agar kode HTMLnya bisa jalan di blog wordrepss.com

Kode yang sudah kita dapatkan dari tan Non Javascript adalah sbb:

keterangan:

• 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 WordPress.com

klik supaya jelas

Kode HTML dalam text area diatas bisa langsung dipasang untuk nangkring di sidebar blog wordpress.com

1. masuk ke dashboard admin blog anda >> tampilan >> widget
2. 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
3. hasilnya bisa langsung dilihat di sidebar blog wordpress.com
4. 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 WordPress.com

klik supaya jelas

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:

Keterangan:

1. 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
2. ganti yang berwarna ungu dan biru dengan kode HTML yang telah anda dapatkan dari histats

Cara Memasang Kode HTML User Online di Pojok Blog WordPress.com dengan Animasi Flash

Pada step 4 diatas kita tadi memilih jenis counter. Ada yang berjenis animasi biasa dan ada yang jenisnya animasi flash. Bagaimana jika anda ingin meletakkan animasi flash sebagai counter user online anda dan nongkrong terus di pojok blog ? Nah kalo yang itu baca aja tutorial dari Bro Irfan handi ini:  Cara Pasang Histats Melayang di WordPress.com

Bagaimana ? Gampang kan ? Jika ada pertanyaan silahkan diajukan di sini.