Kumpulan Informasi Loker dan Kuliah di Indonesia

Thursday, November 26, 2015

Cara Membuat Blog : Menampilkan User Online Status

4:24:00 PM Posted by Abdul Rohman No comments
Dalam membuat blog ada yang dikatan user online status yaitu gadget yang digunakan untuk mengetahui orang sedang online didalam blog Kita. Dengan tampilan user online status Kita dapat menganalisis seberapa besar pengunjung blog kita dalam rentan hari, minggu atau bulan. User online status yang sudah ada banyak variasinya mulai dari klasik sampai dengan modern. Sekarang ini juga ada situs penyedia gadget user status online seperti; http://whos.amung.us/showcase/. Untuk membuat user online status bisa dilakukan dengan langkah-langkah sebagai berikut:

1. Login ke Blogger
2. Pilih Menu Tata letak
3. Klik Tambah Gadget
4. Klik + pada bagian HTML/JavaScript
5. Isikan judul dan tuliskan kode dibawah ini sesuai bentuk atau style user online status dibawah ini;

Kode model klasik:
<script id="_waueio">var _wau = _wau || []; _wau.push(["classic", "kqh9gpocm5t3", "eio"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/classic.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

Kode Berwarna:
<script id="_waub4z">var _wau = _wau || [];
_wau.push(["colored", "kqh9gpocm5t3", "b4z", "ffcc07000000"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/colored.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

Keterangan: Kode yang berwarna merah adalah kode warna, bisa anda ganti dengan kode berikut:
"b4z", "ffcc07000000" = Kuning
"rvm", "9f0700000000" = Merah
"48h", "2c6600000000" = Hijau Tua
"en6", "5eff28000000" = Hijau Muda
"d01", "b7008f000000" = Ungu
"0py", "1529ff000000" = Biru Tua
"sze", "00ffef000000" = Biru Muda
"78l", "fbfff7000000" = Putih
"fly", "000000000000" = Hitam

Kode Model Kecil:
<script id="_waufly">var _wau = _wau || []; _wau.push(["small", "kqh9gpocm5t3", "fly"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/small.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

Kode Model Tab:
<script id="_waunaz">var _wau = _wau || [];
_wau.push(["tab", "kqh9gpocm5t3", "naz", "left-middle"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/tab.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

Klik tombol simpan

Dan lihat hasilnya seperti Gambar diatas.

0 komentar:

Post a Comment