Tutorial Membuat Floating Online User (Bilangan Pelawat Sedang Online)

Screenshot Tutorial Membuat Floating Online User

1. Buat satu akaun freeonlineusers pada http://www.freeonlineusers.com/register.php

2 . Isikan maklumat yang diperlukan pada Registeration form dan klik Register.

3. Pergi ke email anda untuk aktifkan akaun freeonlineusers anda.

4. Login ke akaun freeonlineusers anda.

5. Klik pada Link Codes . Masukkan link blog anda pada ruang Add new domain/site dan klik Add .

6. Klik pada icon Generate/edit the html code

7. Anda boleh ubah Font color dan Link text yang anda mahu . Selajutnya , klik Generate code . 

8. Setelah code di Generate , pergi ke blogger anda dahulu.

--------------------------------------------------------------------------------------------

9. Login ke Dashboard blogger.

10. Klik butang " More Options (rujuk no 1 pada GAMBAR 1) " dan klik " Layout (rujuk no 2 pada GAMBAR 1) ".

GAMBAR 1

11. Pada halaman Layout, klik " Add a Gadget (rujuk no 3 pada GAMBAR 2) " pada mana-mana bahagian yang anda nak untuk letakkan kod javascript tu nanti.

GAMBAR 2

12. Cari HTML/Javascript dan klik butang tambah (rujuk no 4 pada GAMBAR 3).

GAMBAR 3

13.  Copy (CTRL+C) kod javascript dibawah:

<div style='display:scroll; position:fixed; top:3px; left:0px;'><center> CODE ONLINE USER</center></div> 

# Gantikan :

• CODE ONLINE USER - Gantikan dengan kod Online User yang sudah di generated (wajib) 
• top:3px; - gantikan nilai 3 untuk adjust posisi top (jika perlu)
• left:0px; - gantikan nilai 0 untuk adjust posisi left (jika perlu)

# Contohnya:

<div style='display:scroll; position:fixed; top:3px; left:0px;'><center>
<!-- Start FreeOnlineUsers.com --><font color=#000000><script type="text/javascript" src="http://st2.freeonlineusers.com/on1.php?id=1488453"> </script> Online Users</font><!-- End FreeOnlineUsers.com --></center></div> 

14. Paste (CTRL+V) pada ruang Content (rujuk no 5 pada GAMBAR 4)

GAMBAR 4

15. Seterusnya klik " Save (rujuk no 6 pada GAMBAR 4 ) " dan lihat la hasilnya..