3 Cara Pasang Widget Visitors by FlagCounter

Visitors FlagCounter Widget ini adalah sebuah widget yang menunjukkan visitor/pengunjung dari berbagai negara yang ditunjukkan melalui sebuah banner bendera bendera setiap negara yang sempat mampir dan nimbrung di blog. bisa dilihat Ini contoh widget Flag Counter punya blog ini.

Banner ini auto refresh atau selalu berubah ubah baik bendera baru dan jumlahnya. Ketika kita baru pertama kali memasang widget ini, pasti akan dimulai dari 1 bendera dan 1 visitor. Yaitu kita sendiri dari negara sendiri.

Bagi anda yang ingin mendapatkan widget ini, simak tutorial dibawah ini dengan cermat dan tepat

Cara Pasang Widget Visitors Online FlagCounter :

1. Membuat Widget / Banner Flag Counter

Pertama, kunjungi webite nya di alamat http://www.flagcounter.com

Tampilan Selamat depan

Kedua, editlah tampilan banner yang nantinya akan ditampilkan di blog anda

Keterangan :

"Maximum Flag to show" bisa anda ganti angka 12 menjadi berapa banyak bendera yang ingin ditampilkan
"Colums of Flag" berapa kolom untuk menampilkan deretan bendera
"Label on Top of Counter" kalimat yang ditampilkan di atas banner. Seperti banner saya diatas "Visitors"
"Background Color #" warna latar belakang banner. Bisa diganti sesuai keinginan anda
"Text Color #" warna text di banner. Juga bisa anda ganti dengan warna yang cocok
"Border Color #" warna pinggiran batas widget Flag Counter. Bisa diganti dengan warna lain

Show Flag Labels yang berarti apakah kita akan menampilkan singkatan setiap negara di samping bendera

Show Pageview Count yang berarti apakah kita akan menampilkan jumlah penayangan blog kita

Show Number of Flags yang berarti apakah kita akan menampilkan jumlah bendera yang sudah didapat

Ketiga, jika sudah selesai pengeditan, klik "GET YOUR FLAG COUNTER"

Tampilan untuk permintaaan pendaftaran melalui email

Keempat, jika ditanya untuk register melalui email, klik skip saja

Kode HTML yang disarankan

Terakhir, muncul HTML kode. Yang kita gunakan adalah HTML kode yang paling atas/yang ada tulisan ini Code for websites (HTML). Copy dulu dan pastekan di Note Pad

2. Memasang Widget Flag Counter Di Blog

Pertama, login ke akun blogger anda
Kedua, masuk ke Tata Letak > Tambah Gadget
Ketiga, muncul window baru cari dan pilih HTML/Javascript


Widget HTML/Javascript

Keempat, copy kode flag counter yang ada di note pad, pastekan di kolom konten pada window HTML/Javascript

Window HTML/Javascript

Kelima, klik Simpan/SAVE

3. Mengedit Tampilan Widget Flag Counter

Tadi sudah kita dapatkan kode flag counternya. Jika ternyata saat preview blog, widget ini mempunyai tampilan yang tidak sesuai dengan keinginan kita, kita bisa edit melalui mengedit kode HTML yang terdapat di widget HTML/Javascript tempat anda mempaste kode HTML Flag Counter. Begini cara mengeditnya

Pertama, setelah berada di Tata Letak, klik widget yang berisi kode Flag Counter
Kedua, misalkan didapat kode seperti ini:

<a href="http://info.flagcounter.com/gnWS"><img src="http://s07.flagcounter.com/count/gnWS/bg_FFFFFF/txt_000000/border_CCCCCC/columns_2/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>

Keterangan:

kode bg_FFFFFF adalah kode warna background / warna latar widget. Kalau ingin diganti, ganti kode FFFFFF dengan kode warna yang anda inginkan
txt_000000 adalah kode warna text. Kode 000000 bisa diganti
border_CCCCCC adalah kode warna garis pinggir widget. Kode CCCCCC bisa diganti dengan warna lain
colomns_2 adalah jumlah kolom bendera. Jika ingin menjadi 3 kolom ganti menjadi 3
maxflags_12 adalah penampilan maksimal bendera
labels_0 adalah kode singkatan negara di samping bendera, jika ingin diisi, ganti 0 menjadi 1
pageviews_0 adalah kode untuk menampilkan atau tidak menampilkan jumlah penayangan blog. 0 untuk tidak isi dan 1 untuk isi
flags_0 adalah kode untuk menampilkan jumlah bendera yang didapat. 0 untuk tidak isi dan 1 untuk isi