Feb 19, 2015

Cara Mengubah Tampilan Flag Counter Blog

Kali ini saya akan share tentang cara mengubah tampilan flag counter pada blog.
Langkah - langkah: (Kita anggap sobat sudah memasang flag counter pada blog sobat)
1. Login ke Blogger
2. Masuk ke Tata Letak
3. Klik edit pada Gadget yg berisi Flag Counter
4. Ubah tampilan dengan cara mengubah kodenya.

Kode Tanpilan Biasa


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

Ganti kode yang dicetak tebal
bg_FFFFFF           : Menunjukkan background Flag Counter berwarna putih
txt_000000              : Menunjukkan warna text pada Flag Counter hitam
border_CCCCCC  : Menujukkan warna garis tepi pada Flag Counter abu-abu
columns_2              : Menujukkan bahwa Flag Counter mempunyai 2 kolom (seperti gambar diatas)
maxflags_12           : Menunjukkan bendera maximal yg akan ditunjukkan Flag Counter                                                        (contoh:12 seperti gambar diatas)
viewers_0               : Menujukkan judul (0 untuk menghilangkan Judul dan Judul Flag untuk                                               menggunakan judul sendiri).
labels_0                  : Ganti 1 untuk menampilkan nama negara pada Flag Counter.
pageviews_0           : Ganti 1 untuk menampilkan jumlah pageviews blog sobat.
flags_0                    : Ganti 1 untuk menampilkan jumlah koleksi bendera yg sobat punya.

NB: untuk yg berwarna merah, harus sobat ganti dengan kode warna HTML
           Untuk mendapatkan kode warna HTML. silahkan kunjungi Kode Warna HTML.

Kode Flag Counter setelah diubah

<a href="http://s05.flagcounter.com/more/qsj" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="free counters" border="0" src="http://s05.flagcounter.com/count/qsj/bg_CCCCCC/txt_000000/border_000000/columns_3/maxflags_15/viewers_Yang+nyasar+disini/labels_1/pageviews_1/flags_1/" /></a>

Cukup sekian artikel kali ini. Semoga dapat membantu dan mempermudah sobat.

Comments
0 Comments

0 comments:

Post a Comment