Cara Membuat Widget User Yang Online di Blog

splashpreview

Widget ini berfungsi agar kita dapat mengetahui jumlah pengunjung yang sedang online di blog kita.

Ada 2 Situs penyedia Widget User Yang Online di Blog adalah sebagai berikut
1. Amung.Us,

  • Login ke blogger atau klik disini
  • Beralih ke situs Amung.Us, Silahkan masuk ke : http://whos.amung.us/showcase/
  • Setelah sobat masuk situs Amung US, Pilihlah jenis widget yang sobat suka
  • Copy script yang telah disediakan
  • Kembali ke Blog sobat.
  • Pilih Tata letak >> Tambah Gadget >> HTML/Javascript
  • Paste lah script yang anda copy tadi
  • Simpan widget dan simpan template blog sobat & selanjutnya lihat hasilnya.


2. Radarurl.com

  • Login ke blogger atau klik disini
  • Beralih ke situs Radarurl.com, Silahkan masuk ke : http://radarurl.com/
  • Setelah sobat masuk situs Radarurl.com, Pilihlah jenis widget yang sobat suka - lihat situsnya ada Step 1 (posisi widget), Step 2 (code script widget), Step 3 (hasil tampilan apabila sobat sudah meilih)
  • Copy script yang telah disediakan (kotak Step 2)
  • Kembali ke Blog sobat.
  • Pilih Tata letak >> Tambah Gadget >> HTML/Javascript
  • Paste lah script yang sobat copy tadi
  • Simpan widget dan simpan template blog sobat selanjutnya lihat hasilnya.


Atau anda tidak mau capek? ke situsnya. Nih saya ada berikan kode scripnya, tinggal copy dan paste pada elemen widget blog sobat

<script src='http://radarurl.com/js/radarurl_widget.js' type='text/javascript'></script><script type='text/javascript'>radarurl_call_radar_widget("Small", "Red","bottomright")</script><noscript><a href='http://radarurl.com/'>online stats</a></noscript>

Ganti warna Red dengan warna kesukaan sobat, seperti Orange, Blue, Black atau apa saja (yang penting menggunakan bahasa inggris).

  • Login ke blogger atau klik disini
  • Pilih Tata letak >> Tambah Gadget >> HTML/Javascript
  • Copy script yang telah saya sediakan di atas
  • Lalu Paste lah script yang sudah copy tadi
  • Simpan widget dan simpan template blog sobat & selanjutnya lihat hasilnya.

Selamat mencoba, Good luck !!!

2 komentar:

Catatan:
Untuk menyisipkan video, gunakan tag <i rel="youtube">URL YOUTUBE ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Untuk menyisipkan kode panjang, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!"

Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (out of topic) dengan menekan tombol OOT di bawah ini.

Konversi Kode di Sini!OOT

 
Design by Juned al~Bughisy Copyright © 2012 ~ 2013 Powered by Blogger
Back to Top