Friday, December 20, 2013

How to Add Flag Counter Widget in Blogger!

Flag Counter is an interesting and also can be an important widget for blog or website. Because through the Flag Counter widget you will be able to know where do your site's visitors come from and also be able to know from how many counties your site can be reached. So, I can say that the popularity of site can easily be measured by the Flag Counter. If you are Blogging on Blogger platform and also looking for a Flag Counter widget for your site, then you are in the wright place. Because in this post 'm gonna show how to add Flag Counter widget in Blogger.




There are several website available on internet from where you can create Flag Counter widget fro your blog. But the code that I'm going to share which will help you to easily add the Flag Counter in your site. This Flag Counter will show the total page views of your site with total number of countries, unique visitors per country with flag label. Have a look at the below image, it is the of this Flag Counter.

website visitor counter


You can collect the widget code from this site Flag Counter. Or you can add the widget to your site by adding the following code. Follow the steps below to know how you can add this code in Blogger blog.

Adding Flag Counter Widget in Blogger:
  • First Sign into your Blogger Account and go to Dashboard.
  • Then click on the Layout option.
  • Now click Add a Gadget link where you want to place the Flag Counter.
  • Then from the Gadgets list choose HTML/JavaScript.
  • Now Paste the following code inside the HTM/JavaScript content box.
 <a href="http://info.flagcounter.com/10OP"><img src="http://s04.flagcounter.com/count/10OP/bg_FFFFFF/  
 txt_000000/border_CCCCCC/columns_6/maxflags_30/  
 viewers_Visitor+Counter+by+Flag/labels_1/pageviews_  
 1/flags_1/" alt="free counters" border="0" /></a>  
Customization:
  • Number of Column: The red colored code columns_6 means how many flag will show on your flag counter. You can change the number of column of your flag counter to show on your site.
  • Maximum Number of Flag: The blue colored code maxflags_30 means maximum how many flag will show on your flag counter. You can change the number of Maximum Flag of your flag counter to show on your site.
  • Flag Lavel: Thiscode labels_1 means it will show the label after the flag image. If you increase the Label value it will increase your flag counter size too. You can hide the Label by making it labels_0.
  • Finally click the Save button.

That's it, Now view you blog and you will see that the Flag Counter appearing on your blog.


Stay with www.iTTimesbd.com for more IT related Post

2 comments: