Customize Your Counter!

This page is a tutorial to customize your counter from flagcounter.com. The red text in the example counters is the ID of your counter. Replace the example ID with the one provided in your original code.

Customize the colors:

Customizing the color of your flag counter can be really helpful to match your website. All you need to know about to do this is learn about hexadecimal codes. A hexadecimal code is a number made up of 6 letters, for example FFFFFF is the colour white, and 000000 is the colour black. It is very easy to find the hexadecimal codes, just search it up on a search engine, but what you do have to know is where to put what.

 

An example code:

<a href="http://s01.flagcounter.com/more/example/"><img src="http://s01.flagcounter.com
/count/example/bg_FFFFFF/txt_000000/border_CCCCCC/columns_2/maxflags_12/viewers_0/labels_0/
pageviews_0/flags_0/" alt="free counters" border="0"></a>

 

The places you can edit the color of are;

 

bg_. This part of your counter will edit the background color. Just add the hexadecimal code after bg_. For example bg_FFFFFF will make you a white background.

 

txt_. this part of your counter will edit the colour of the text on the counter. Just add the hexadecimal code after txt_. For example txt_000000 will make you have black text.

 

border_. This part of your counter will edit the color of your counters border. Just add the hexadecimal code after border_. For example border_CCCCCC will make you have a grey border.

 

Customize the amount of columns:

To customize the amount of columns your flag counter has, find the area of your code which has columns_ (set to 2 by default) and you change it to the amount of colums you want. The max columns you can add are 9.

Customize the max amount of flags:

To customize the max amount of flags that your counter shows, find the area in your code which has maxflags_ (set to 12 by default) and change it to the amount of flags you want your flag counter to show. The max amount of flags you can have is 250.

Customize the label of your flag counter:

The label on your flag counter is set to Visitors by default. To change it, find the area in your counter which has viewers_0. Change the 0 to the word you would like it to say. To make a space, put a + where you want the space, for example viewers_My+Flag+Counter. There are also fonts available to use! To change your font find your viewers_EXAMPLE area is, and change it to either: viewers_f1EXAMPLE viewers_f2EXAMPLE viewers_f3EXAMPLE.

Examples of the fonts are below:

Make your flag counter show your amount of views and flags:

To make your flag counter show your amount of views, find pageviews_0 in your code, change the 0 to a one. To make your flag counter show your amount of flags collected, find flags_0 in your code, and change the 0 to one.

Make your flag counter show the labels of flags:

To make your flag counter show the country codes for each country collected, find label_0 and change the 0 to a 1.

How to make a XL flag counter:

To make an XL flag counter, find the part of your counter code which says count, and put xl behind count, so it says countxl.