Simple: Membuat User Online di halaman Blog - MANTANKODE

Simple: Membuat User Online di halaman Blog


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

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

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;}


untuk tampilan demonya silahkan klik demo dibawah ini.



semoga bermanfaat, jangan lupa komentarnya.

Share with your friends

Add your opinion
Disqus comments
Notification

Donasi yang anda berikan akan saya gunakan untuk mengembangkan blog ini.

BANK BNI: 0431705794 a/n Muhammad Rahmadi

Pulsa/DANA/OVO: +6285822266832

Done