CINXE.COM
Flag Counter - Free counters - Instant, easy and fun!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>Flag Counter - Free counters - Instant, easy and fun!</title> <link rel="icon" type="image/gif" href="https://flagcounter.com/images/fcflag.gif" /> <link rel="stylesheet" href="css/style2.css" type="text/css" media="all" /> <link rel="stylesheet" href="css/thickbox.css" type="text/css" media="all" /> <script type="text/javascript" language="javascript" src="js/main3.js?122611"></script> <script type="text/javascript" language="javascript" src="js/jscolor.js"></script> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/thickbox.js"></script> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <script type="text/javascript"> function next(email) { if (email) { var address = document.getElementById("useremail").value; if (!address) { alert('Please enter a valid email address to register your Flag Counter, or click the "Skip" button if you do not want to.'); return false; document.getElementById("useremail").focus(); } var filter=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i if (!filter.test(address)) { alert('Please enter a valid email address to register your Flag Counter, or click the "Skip" button if you do not want to.'); return false; } document.getElementById("registeremail").value = address; grecaptcha.execute(); return false; } else { document.getElementById("counterform").submit(); } } function recaptchaComplete(response) { document.getElementById("recaptcharesponse").value = response; document.getElementById("nextbuttons").innerHTML = "<b>Submitting . . .</b>" document.getElementById("counterform").submit(); } function more() { document.getElementById("morechoiceslink").style.display="none"; document.getElementById("morechoices").style.display=""; } </script> </head> <body> <!-- Shell --> <div class="shell"> <a href="/index.html"><img src="/images/holiday.png" class="holiday"></a> <!-- Header --> <div id="header"> <!-- Logo --> <h1 id="logo"><a href="/index.html">Flag Counter</a></h1> <!-- END Logo --> <!-- Navigation --> <div class="navigation"> <ul> <li><a href="/contact.html">Contact</a></li> <li><a href="/countries.html">Country List</a></li> <li><a href="/faq.html">FAQ</a></li> <li><a href="http://flagcounter.boardhost.com/">Forum</a></li> </ul> </div> <!-- END Navigation --> </div> <!-- END Header --> <div class="cl"> </div> <!-- Content --> <div id="content"> <!-- Double Column --> <div class="double-column"> <div class="cl"> </div> <!-- Wide Column --> <div class="widecolumn"> <h2><span>Welcome to</span> Flag Counter!</h2> <p>Add our <b>free counter</b> to any webpage and collect flags from all over the world. Every time someone from a new country visits your website, a flag will be added to your counter. Not only will this make your site far more interesting, but clicking on your Flag Counter will reveal amazing information and charts!</p> </div> <!-- END Wide Column --> <!-- Short Column --> <div class="shortcolumn"> <h2>Testimonial</h2> <p>"...I check my homepage every morning. When I see a new flag show up, it makes me proud! Thanks for the great free service."<br /><img src="https://images.boardhost.com/invisible.gif" width="100" height="16"><span> - Bob H.</span> - West Virginia</span></p> </div> <!-- END Short Column --> <div class="cl"> </div> </div> <!-- END Double Column --> <!-- Customization --> <div class="customization"> <h2>Instantly Create Your Free Counter <!-- <font style="font-weight:normal;font-size:11px;"> <font color=#999999>|</font> <u><a href=/new_states.cgi>Create a U.S. State Flag Counter</a></u></font> --></h2> <h3>Customize your counter here. <span>When you're finished, click the orange button.</span> <font color=#adafa5>| <a href="https://flagcounter.com/" style="font-weight:normal;text-decoration:none;"><font color=#adafa5><u>Reset</u></font> <img src=/images/reset.png style="margin-bottom:-3px;margin-left:-3px;"></font></a></h3> <form action="https://s11.flagcounter.com/flagcounter.cgi" name="counter" id="counterform" method="post" style="padding:0;margin:5px;"> <input type=hidden name=lastoption id=lastoption value=""> <input type=hidden name=registeremail id=registeremail value=""> <input type=hidden name=recaptcharesponse id=recaptcharesponse value=""> <noscript><img src="https://images.boardhost.com/2/icon_alert.gif" align="absbottom"> <strong>You must enable Javascript to create a Flag Counter!</strong><br><br></noscript> <div><span style="float:left;"><b>Show on your site:</b></span><label for="topcountries"><input type=radio name=map id=topcountries value=0 checked onclick=changeimage(0) style="vertical-align:top;"> Top Countries </label> <label for="flagmap"><input type=radio name=map id=flagmap value=1 onclick=changeimage(0) style="vertical-align:top;"> Flag Map</label> <span id=morechoiceslink style="padding-top:2px;"> <a href="javascript:more();" style="text-decoration:none;"><font color=#adafa5><u>More choices</u>»</font></a></span> <span style="display:none;" id=morechoices> <label for="usflags"><input type=radio name=map id=usflags value=8 onclick=changeimage(1) style="vertical-align:top;"> Flags from</label> <select onchange="update_flags_from();" name=flags_from id=flags_from style="width:50px;"><option value=US>US</option><option value=CA>CA</option></select> <label for="mini"><input type=radio name=map id=mini value=2 onclick=changeimage(0) style="vertical-align:top;"> Mini Counter </label> <span style="display:none;"> <label for="recent"><input type=radio name=map id=recent value=9 onclick=changeimage(1) style="vertical-align:top;"> Recent Countries</label></span> </span> <br><br></div> <div class="cl"> </div> <div class="left"> <div class="cl"> </div> <div id="maxflags"> <label>Maximum Flags to Show</label> <select name="max" id="max" onchange="changeimage(0)"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10" selected>10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> <option value="32">32</option> <option value="33">33</option> <option value="34">34</option> <option value="35">35</option> <option value="36">36</option> <option value="37">37</option> <option value="38">38</option> <option value="39">39</option> <option value="40">40</option> <option value="41">41</option> <option value="42">42</option> <option value="43">43</option> <option value="44">44</option> <option value="45">45</option> <option value="46">46</option> <option value="47">47</option> <option value="48">48</option> <option value="49">49</option> <option value="50">50</option> <option value="51">51</option> <option value="52">52</option> <option value="53">53</option> <option value="54">54</option> <option value="55">55</option> <option value="56">56</option> <option value="57">57</option> <option value="58">58</option> <option value="59">59</option> <option value="60">60</option> <option value="61">61</option> <option value="62">62</option> <option value="63">63</option> <option value="64">64</option> <option value="65">65</option> <option value="66">66</option> <option value="67">67</option> <option value="68">68</option> <option value="69">69</option> <option value="70">70</option> <option value="71">71</option> <option value="72">72</option> <option value="73">73</option> <option value="74">74</option> <option value="75">75</option> <option value="76">76</option> <option value="77">77</option> <option value="78">78</option> <option value="79">79</option> <option value="80">80</option> <option value="81">81</option> <option value="82">82</option> <option value="83">83</option> <option value="84">84</option> <option value="85">85</option> <option value="86">86</option> <option value="87">87</option> <option value="88">88</option> <option value="89">89</option> <option value="90">90</option> <option value="91">91</option> <option value="92">92</option> <option value="93">93</option> <option value="94">94</option> <option value="95">95</option> <option value="96">96</option> <option value="97">97</option> <option value="98">98</option> <option value="99">99</option> <option value="100">100</option> <option value="101">101</option> <option value="102">102</option> <option value="103">103</option> <option value="104">104</option> <option value="105">105</option> <option value="106">106</option> <option value="107">107</option> <option value="108">108</option> <option value="109">109</option> <option value="110">110</option> <option value="111">111</option> <option value="112">112</option> <option value="113">113</option> <option value="114">114</option> <option value="115">115</option> <option value="116">116</option> <option value="117">117</option> <option value="118">118</option> <option value="119">119</option> <option value="120">120</option> <option value="121">121</option> <option value="122">122</option> <option value="123">123</option> <option value="124">124</option> <option value="125">125</option> <option value="126">126</option> <option value="127">127</option> <option value="128">128</option> <option value="129">129</option> <option value="130">130</option> <option value="131">131</option> <option value="132">132</option> <option value="133">133</option> <option value="134">134</option> <option value="135">135</option> <option value="136">136</option> <option value="137">137</option> <option value="138">138</option> <option value="139">139</option> <option value="140">140</option> <option value="141">141</option> <option value="142">142</option> <option value="143">143</option> <option value="144">144</option> <option value="145">145</option> <option value="146">146</option> <option value="147">147</option> <option value="148">148</option> <option value="149">149</option> <option value="150">150</option> <option value="151">151</option> <option value="152">152</option> <option value="153">153</option> <option value="154">154</option> <option value="155">155</option> <option value="156">156</option> <option value="157">157</option> <option value="158">158</option> <option value="159">159</option> <option value="160">160</option> <option value="161">161</option> <option value="162">162</option> <option value="163">163</option> <option value="164">164</option> <option value="165">165</option> <option value="166">166</option> <option value="167">167</option> <option value="168">168</option> <option value="169">169</option> <option value="170">170</option> <option value="171">171</option> <option value="172">172</option> <option value="173">173</option> <option value="174">174</option> <option value="175">175</option> <option value="176">176</option> <option value="177">177</option> <option value="178">178</option> <option value="179">179</option> <option value="180">180</option> <option value="181">181</option> <option value="182">182</option> <option value="183">183</option> <option value="184">184</option> <option value="185">185</option> <option value="186">186</option> <option value="187">187</option> <option value="188">188</option> <option value="189">189</option> <option value="190">190</option> <option value="191">191</option> <option value="192">192</option> <option value="193">193</option> <option value="194">194</option> <option value="195">195</option> <option value="196">196</option> <option value="197">197</option> <option value="198">198</option> <option value="199">199</option> <option value="200">200</option> <option value="201">201</option> <option value="202">202</option> <option value="203">203</option> <option value="204">204</option> <option value="205">205</option> <option value="206">206</option> <option value="207">207</option> <option value="208">208</option> <option value="209">209</option> <option value="210">210</option> <option value="211">211</option> <option value="212">212</option> <option value="213">213</option> <option value="214">214</option> <option value="215">215</option> <option value="216">216</option> <option value="217">217</option> <option value="218">218</option> <option value="219">219</option> <option value="220">220</option> <option value="221">221</option> <option value="222">222</option> <option value="223">223</option> <option value="224">224</option> <option value="225">225</option> <option value="226">226</option> <option value="227">227</option> <option value="228">228</option> <option value="229">229</option> <option value="230">230</option> <option value="231">231</option> <option value="232">232</option> <option value="233">233</option> <option value="234">234</option> <option value="235">235</option> <option value="236">236</option> <option value="237">237</option> <option value="238">238</option> <option value="239">239</option> <option value="240">240</option> <option value="241">241</option> <option value="242">242</option> <option value="243">243</option> <option value="244">244</option> <option value="245">245</option> <option value="246">246</option> <option value="247">247</option> <option value="248">248</option> <option value="249">249</option> <option value="250">250</option> </select> </div> <div id="mapsize" style="display:none;"> <label>Map Size</label> <select name="size" id="size" onchange="changeimage(0)"> <option value="t">Tiny</option><option value="s" selected="selected">Small</option><option value="m">Medium</option><option value="l">Large</option><!--<option value="xl">Huge</option>--> </select> </div> <div id="display_what" style="display:none;margin-top:10px;"> <label style="width:100px;">Display</label> <select name="flags" id="flags" onchange="changeimage(0)" style="width:130px;"> <option value="0">Pageview Count</option><option value="1">Number of Flags</option> </select> </div> <div class="cl"> </div> <div id="columnsflags"> <label>Columns of Flags</label> <select name="columns" id="columns" onchange="changeimage(0)"> <option value="1">1</option><option value="2" selected="selected">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option> </select> </div> <div class="cl"> </div> <div id="counterlabel"> <label>Label on Top of Counter</label> <select name="viewers" id="viewers" onchange="changeimage(0)"> <option value="3">none</option><option value="0" selected="selected">Visitors</option><option value="2">» custom</option> </select> <span id="customlabel" style="display:none"> <font face="verdana" size="1"> <input type="text" name="customlabel" maxlength="60" id="customlabelinput" onkeyup="changeimage(0)" onkeydown="changeimage(0)" onchange="changeimage(0)"><p style="height: 1px; margin:0px;"></p> letters and numbers only</font> </span> </div> <div class="cl"> </div> </div> <div class="left-wide"> <div class="cl"> </div> <div id="bgcolor"> <label>Background Color #</label> <input type="text" class="color" style="margin-bottom: 5px; width:85px; border: 1px solid #d2d1d1; padding: 2px 0; background-image:url('https://flagcounter.com/images/arrow.gif'); background-repeat:no-repeat; cursor:pointer;" size="5" maxlength="6" name="bg" id="bg" value="FFFFFF" onkeydown="changeimage(0)" onkeyup="changeimage(0)" onchange="changeimage(0)" /> </div> <div class="cl"> </div> <label>Text Color #</label> <input type="text" class="color" style="margin-bottom: 5px; width:85px; border: 1px solid #d2d1d1; padding: 2px 0; background-image:url('https://flagcounter.com/images/arrow.gif'); background-repeat:no-repeat; cursor:pointer;" size="5" maxlength="6" name="text" id="text" value="000000" onkeydown="changeimage(0)" onkeyup="changeimage(0)" onchange="changeimage(0)" /> <div class="cl"> </div> <label>Border Color #</label> <input type="text" class="color" style="margin-bottom: 5px; width:85px; border: 1px solid #d2d1d1; padding: 2px 0; background-image:url('https://flagcounter.com/images/arrow.gif'); background-repeat:no-repeat; cursor:pointer;" size="5" maxlength="6" name="border" id="border" value="CCCCCC" onkeydown="changeimage(0)" onkeyup="changeimage(0)" onchange="changeimage(0)" /> <div class="cl"> </div> </div> <div class="right"> <div id="flagsxlcheckbox" style="display:none;"> <label for="flagsxl">Use Large Flags</label> <input type="checkbox" class="checkbox" name="flagsxl" id="flagsxl" onclick="changeimage(0)" /> </div> <div id="flaglabels"> <label for="labels">Show Flag Labels</label> <input type="checkbox" class="checkbox" name="labels" id="labels" onclick="changeimage(0)" /> </div> <div class="cl"> </div> <div id="pageviewcount" style="padding-top:2px;"> <label for="pageviews">Show Pageview Count</label> <input type="checkbox" class="checkbox" name="pageviews" id="pageviews" value="1" onclick="changeimage(0)" /> </div> <div id="percentageshow" style="padding-top:2px;margin-bottom:-2px;"> <label for="percent"><nobr>Show Visitors As</nobr></label> <select name="percent" id="percent" onchange="changeimage(0)" style="width:90px;margin-bottom:8px;"> <option value="0" selected="selected">Number</option><option value="1">Percentage</option></select> </div> <div id="flagnum" style="display:none;"> <label for="flag_num">Show Number of Flags</label> <input type="checkbox" class="checkbox" name="flag_num" id="flag_num" value="1" onclick="changeimage(0)" /> </div> <div id="flagsize"> <label for="flagsize">Flag Size</label> <select name="newsize" id="newsize" onchange="changeimage(0)" style="width:90px;"> <option value="s">Small</option><option value="m" selected="selected">Medium</option><option value="l">Large</option></select> </div> <div class="cl"> </div> <div class="get-counter"> <a href="#TB_inline?height=310&width=470&inlineId=continueContent&modal=true" class="thickbox"><img src="/css/images/btn-get-counter.gif" /></a> <div id="continueContent" style="display:none;"> <p> <b><font style="font-size:18px;">Would you like to enable additional features and settings for your counter?</b></font> <font style="font-size:12px;"><a href=javascript:next(0);><u>No thanks »</u></a> </font> <br><img src=https://images.boardhost.com/invisible.gif height=13><br><b>Optionally enter your valid email address below to be sent a password to unlock the Flag Counter Management section (you can't do this later!).</b> <br><img src=https://images.boardhost.com/invisible.gif height=6><br> <img src=/images/gem_okay.png align=absbottom> Manage additional features and settings for your counter.<br> <img src=/images/gem_okay.png align=absbottom> Optionally password protect your counter's statistics and information.<br> <img src=/images/gem_okay.png align=absbottom> Access your counter's HTML code if you lose it.<br> <img src=/images/gem_okay.png align=absbottom> Prevent your own visits from being included in your statistics.<br> <img src=https://images.boardhost.com/invisible.gif height=15><br> <table border=0 cellpadding=0 cellspacing=0 style="padding-bottom:12px;"><tr><td valign=top><img src=https://images.boardhost.com/invisible.gif height=3><br> <font style="font-size:18px;"><b><nobr>Your Email: </nobr></b></font></td><td> <input type=text id=useremail name=useremail placeholder="optional" size=32 style="font-size:17px;"><br><font style="font-size:12px;"><b>Please double check!</b> <font style="font-size:10px;">Don't worry, we hate spam.<br> We won't add you to any mailing list or misuse your email. <a href=/privacy.html target=_privacy><u>Privacy Policy</u></a></font></font> <div class="g-recaptcha" data-sitekey="6Lf6lnwUAAAAANFVraFab6vQA_WPVYmg1TNbh15d" data-callback="recaptchaComplete" data-size="invisible"> </div> </td></tr></table> <img src=/images/fc_bw_small.png style="float:left;float:bottom;padding-left:12px;"> <p align=right> <div id=nextbuttons align=right><input type="submit" value=" Skip " onclick=next(0); /> <input type="submit" style="font-weight:bold; " value=" Register " onclick=next(1); /></div> </p> </p> </div> </div> </div> <div class="cl"> </div> </form> </div> <!-- END Customization --> <!-- Example --> <div class="example" style="margin-left:12px;"> <h3>Preview your selections on our sample Flag Counter: <img src="loading.gif" id="loading" style="position:absolute;width:30px;margin-top:-9px;display:none;" /></h3> <div class="cl"> </div> <div class="visitors" align=center> <!-- Visitors --> <a href="https://s01.flagcounter.com/more/88"><img src="https://s01.flagcounter.com/count2/88/bg_FFFFFF/txt_000000/border_CCCCCC/columns_2/maxflags_10/viewers_0/labels_0/pageviews_0/flags_0/" id="flagcounter" border="0" style="z-index:100" alt="Free counters!" /></a> <!-- END Visitors --> </div> <h1 id="logo2"><a href="#">Flag Counter</a></h1> <div class="cl"> </div> </div> <!-- END Example --> </div> <!-- END Content --> </div> <!-- END Shell --> <!-- Footer --> <div id="footer"> <div class="shell"> <div class="cl"> </div> <p class="left"><a href="/contact.html">Contact</a> | <a href="/terms.html">Terms of Service</a> | <a href="/privacy.html">Privacy Policy</a> | © <a href=https://boardhost.com>Boardhost.com, Inc.</a> </p> <p class="right"> <font color=#ffffff>This product includes GeoLite2 data created by MaxMind, available from <a href="http://www.maxmind.com"><font color=#ffffff><u>http://www.maxmind.com/</u></font></a>.</font> </p> <div class="cl"> </div> </div> </div> <!-- END Footer --> </body> </html>