Tampilan mudah untuk mengetahui berapa user online di situs atau blog anda, opsi ini hampir mirip dengan histats.
Halo Sobat yang suka utak-atik tampilan blog atau web nya, kali ini kang mantankode akan berbagi suatu cara menampilkan user online pada blog anda dengan mudah, hanya untuk tampilan user online loh yah hehe >_<
Cara ini hampir sama dengan histats, tetapi disini hanya untuk menampilkan user online pada situs kita. tanpa ada dashboard/dasbor untuk mengetahui dari mana saja user anda yang aktif.
ingat yah untuk mempercantik halaman anda saja. karena sobat blogger pasti akan ada keperluan yang berbeda di setiap blog pasti beda pembahasan.
silahkan salin kode tersebut. disini saya mendapatkan kode fhs_id 5610477.
semoga bermanfaat, jangan lupa komentarnya.
Daftar Isi [Tutup]
Halo Sobat yang suka utak-atik tampilan blog atau web nya, kali ini kang mantankode akan berbagi suatu cara menampilkan user online pada blog anda dengan mudah, hanya untuk tampilan user online loh yah hehe >_<
Cara ini hampir sama dengan histats, tetapi disini hanya untuk menampilkan user online pada situs kita. tanpa ada dashboard/dasbor untuk mengetahui dari mana saja user anda yang aktif.
ingat yah untuk mempercantik halaman anda saja. karena sobat blogger pasti akan ada keperluan yang berbeda di setiap blog pasti beda pembahasan.
Tahap Pertama - Generate kode html di freehostedscripts
silahkan buka web ini freehostedscripts, silahkan klik "Generate the html code" maka akan muncul script.silahkan salin kode tersebut. disini saya mendapatkan kode fhs_id 5610477.
<i class='fa fa-user'></i> <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5610477";
var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1= User&e2= Users&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
</script>Tahap Pertama - Tambahkan Kode CSS
letakkan kode diatas sesuai kebutuhan anda, dan salin kode css ini dan letakkan diatas kode </b:skin>#o_5610477 a {pointer-events: none; color:inherit; display: inline; text-decoration: none;}semoga bermanfaat, jangan lupa komentarnya.