CINXE.COM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="https://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>Flag Counter » Regenerate HTML</title> <link rel="stylesheet" href="/css/style.css" type="text/css" media="all" /> <script type="text/javascript" language="javascript" src="/js/main_regen.js?c"></script> <script type="text/javascript" language="javascript" src="/js/jscolor.js"></script> <script> function confirmssl() { if (document.getElementById("ssl").checked == false) { return true; } else { var box = confirm("This option is intended only for use on SSL encrypted pages. Click \"OK\" to confirm or cancel to use a standard counter image."); if (box == true) return true; else { document.getElementById("ssl").checked = false; } } } </script> </head> <body onload="reset()">  <div class="shell">  <div id="header">  <h1 id="logo"><a href="/index.html">Flag Counter</a></h1>   <div class="navigation"> <ul> <li><a href="/">Get Yours!</a></li> <li><a href="/countries.html">Countries</a></li> <li><a href="/faq.html">FAQ</a></li> <li><a href="https://flagcounter.boardhost.com">Forum</a></li> </ul> </div>  </div>  <div class="cl"> </div>  <div id="content">  <div class="customization" style="background:url('');"> <font style="font-size:19px;"><b>This page allows you to re-generate the HTML code for an existing Flag Counter.</b></font><br><br>If this is not your Flag Counter below, or you have reached this page in error, please <a href=https://flagcounter.com/><u>visit here</u></a> to create a new Flag Counter. <br><br> Please proceed below to create a new Flag Counter using your existing visitor information. After you generate your new Flag Counter code, you will want to replace your existing code on your site with the new code provided. You can also choose to use several versions of the same counter on the same or different pages. <br><br> <h2>Re-generate Flag Counter Code</h2> <h3 style="border-bottom:none;">Choose your new Flag Counter options and appearance <font color=#adafa5>| <a href="" 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://flagcounter.com/regenerate2.cgi" name="counter" id="counterform" method="post" style="padding:0;padding-top:0px;margin:5px;margin-top:10px;"> <noscript><img src="https://images.boardhost.com/2/icon_alert.gif" align="absbottom"> <strong>Please enable Javascript for this form to function correctly!</strong><br><br></noscript> <img src=https://images.boardhost.com/invisible.gif height=1> <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()> Top Countries   </label>  <label for="recent" style="display:none;"><input type=radio name=map id=recent value=9 onclick=changeimage(1)> Recent Countries</label>   <label for="asdf" style="margin-right:30px;"><label for="usflags"><input type=radio name=map id=usflags value=8 onclick=changeimage(1)> Regions from </label><select name=regioncountry onchange="update_flags_from()" id="regioncountry" style="position:absolute;width:51px;"> <option value="US">US</option><option value="CA">CA</option></select></label> <label for="flagmap"><input type=radio name=map id=flagmap value=1 onclick=changeimage()> Flag Map  </label>  <label for="mini"><input type=radio name=map id=mini value=2 onclick=changeimage()> Mini Counter  </label><br><br></div> <input type=hidden name=server id=server value="s11"> <input type=hidden name=userid id=userid value="apfH"> <input type=hidden name=lastoption id=lastoption value=""> <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()"> <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()"> <option value="t">Tiny</option><option value="s">Small</option><option value="m" selected="selected">Medium</option><option value="l">Large</option> </select> </div> <div id="display_what" style="display:none;margin-top:10px;"> <label>Display</label> <select name="flags" id="flags" onchange="changeimage()"> <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()"> <option value="1">1</option><option value="2">2</option><option value="3" selected="selected">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()"> <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="100" id="customlabelinput" onkeyup="changeimage()" onkeydown="changeimage()" onchange="changeimage()"><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()" onkeyup="changeimage()" onchange="changeimage()" /> </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()" onkeyup="changeimage()" onchange="changeimage()" /> <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()" onkeyup="changeimage()" onchange="changeimage()" /> <div class="cl"> </div> </div> <div class="right"> <div id="flagsxlcheckbox" style="padding-top:0px;display:none;"> <label for="flagsxl">Use Large Flags</label> <input type="checkbox" class="checkbox" name="flagsxl" id="flagsxl" onclick="changeimage()" /> </div> <div id="flaglabels" style="padding-top:0px;"> <label for="labels">Show Flag Labels</label> <input type="checkbox" class="checkbox" name="labels" id="labels" onclick="changeimage()" /> </div> <div class="cl"> </div> <div id="pageviewcount" style="padding-top:0px;"> <label for="pageviews">Show Pageview Count</label> <input type="checkbox" class="checkbox" name="pageviews" id="pageviews" value="1" onclick="changeimage()" /> </div> <div class="cl"> </div> <div id="flagnum" style="padding-top:0px;"> <label for="flag_num">Show Number of Flags</label> <input type="checkbox" class="checkbox" name="flag_num" id="flag_num" value="1" onclick="changeimage()" /> </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="flagsize"> <label for="flagsize">Flag Size</label> <select name="newsize" id="newsize" onchange="changeimage(0)" style="width:70px;"> <option value="s">Small</option><option value="m" selected>Medium</option><option value="l">Large</option></select> </div> <div class="cl"> </div> <div class="get-counter" style="width:375px;margin-left:-150px;"> <img src=https://cdn.boardhost.com/invisible.gif width=150 height=1> <input type="image" src="/css/images/btn-get-counter.gif" /> </div> </div> <div class="cl"> </div> </form> </div>   <div class="example"> <h3 style="border-bottom:none;">Your Flag Counter customized with the above selections. <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>  <a href="https://s11.flagcounter.com/more/apfH"><img src="https://s11.flagcounter.com/count2/apfH/bg_ffffff/txt_000000/border_cccccc/columns_2/maxflags_10/viewers_0/labels_0/" id="flagcounter" border="0" style="z-index:100" alt="Free counters!" /></a>  </div> <h1 id="logo2"><a href="#">Flag Counter</a></h1> <div class="cl"> </div> </div>  </div>  </div>   <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="https://www.maxmind.com"><font color=#ffffff><u>https://www.maxmind.com/</u></font></a>.</font> </p> <div class="cl"> </div> </div> </div>  </body> </html>