Google Translate for Blogger Widget with Image Map

Sample: sample
Google Translate Mini-Flags Widget for your blog

Small widget size below 15 kb

HTML code size: 10,2 KB
+ 1 png Image file size: 4,72 KB

Widget Code:
<center><img src="http://lh6.ggpht.com/_ewREQ2z7SjM/TBzYoZ3Yk-I/AAAAAAAAD-U/3JKw8MEI_to/map.png" width="136" height="101" alt="" usemap="#map" border="0" /></center>
<map name="map">
<area shape="rect" coords="0,0,16,11" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=en&#39;); return false;" style="cursor: pointer;" title="English" alt="English" />
<area shape="rect" coords="21,0,36,11" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=vi&#39;); return false;" style="cursor: pointer;" title="Vietnamese" alt="Vietnamese" />
<area shape="rect" coords="41,0,56,11" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=cy&#39;); return false;" style="cursor: pointer;" title="Welsh" alt="Welsh" />
<area shape="rect" coords="61,0,76,11" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=sv&#39;); return false;" style="cursor: pointer;" title="Swedish" alt="Swedish" />
<area shape="rect" coords="81,0,96,11" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=sl&#39;); return false;" style="cursor: pointer;" title="Slovenian" alt="Slovenian" />
<area shape="rect" coords="101,0,116,11" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=sr&#39;); return false;" style="cursor: pointer;" title="Serbian" alt="Serbian" />
<area shape="rect" coords="121,0,136,11" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=ro&#39;); return false;" style="cursor: pointer;" title="Romanian" alt="Romanian" />
<area shape="rect" coords="0,19,16,29" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=pl&#39;); return false;" style="cursor: pointer;" title="Polish" alt="Polish" />
<area shape="rect" coords="21,19,36,29" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=tl&#39;); return false;" style="cursor: pointer;" title="Filipino" alt="Filipino" />
<area shape="rect" coords="41,19,56,29" href="#" title="Latin American Spanish" alt="Latin American Spanish" />
<area shape="rect" coords="61,19,76,29" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=tr&#39;); return false;" style="cursor: pointer;" title="Turkish" alt="Turkish" />
<area shape="rect" coords="81,19,96,29" href="#" title="Latin" alt="Latin" />
<area shape="rect" coords="101,19,116,29" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=uk&#39;); return false;" style="cursor: pointer;" title="Ukrainian" alt="Ukrainian" />
<area shape="rect" coords="121,19,136,29" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=sk&#39;); return false;" style="cursor: pointer;" title="Slovak" alt="Slovak" />
<area shape="rect" coords="0,37,16,47" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=lt&#39;); return false;" style="cursor: pointer;" title="Lithuanian" alt="Lithuanian" />
<area shape="rect" coords="21,37,36,47" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=lv&#39;); return false;" style="cursor: pointer;" title="Latvian" alt="Latvian" />
<area shape="rect" coords="41,37,56,47" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=id&#39;); return false;" style="cursor: pointer;" title="Indonesian" alt="Indonesian" />
<area shape="rect" coords="61,37,76,47" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=ca&#39;); return false;" style="cursor: pointer;" title="Catalan" alt="Catalan" />
<area shape="rect" coords="81,37,96,47" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=iw&#39;); return false;" style="cursor: pointer;" title="Hebrew" alt="Hebrew" />
<area shape="rect" coords="101,37,116,47" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=hi&#39;); return false;" style="cursor: pointer;" title="Hindi" alt="Hindi" />
<area shape="rect" coords="121,37,136,47" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=is&#39;); return false;" style="cursor: pointer;" title="Icelandic" alt="Icelandic" />
<area shape="rect" coords="0,55,16,65" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=hu&#39;); return false;" style="cursor: pointer;" title="Hungarian" alt="Hungarian" />
<area shape="rect" coords="21,55,36,65" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=fi&#39;); return false;" style="cursor: pointer;" title="Finnish" alt="Finnish" />
<area shape="rect" coords="41,55,56,65" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=en&amp;tl=zh-TW&#39;); return false;" style="cursor: pointer;" title="Chinese Traditional" alt="Chinese Traditional" />
<area shape="rect" coords="61,55,76,65" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=en&amp;tl=zh-CN&#39;); return false;" style="cursor: pointer;" title="Chinese Simplified" alt="Chinese Simplified" />
<area shape="rect" coords="81,55,96,65" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=ko&#39;); return false;" style="cursor: pointer;" title="Korean" alt="Korean" />
<area shape="rect" coords="101,55,116,65" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=ja&#39;); return false;" style="cursor: pointer;" title="Japanese" alt="Japanese" />
<area shape="rect" coords="121,55,136,65" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=pt&#39;); return false;" style="cursor: pointer;" title="Portuguese" alt="Portuguese" />
<area shape="rect" coords="0,73,16,83" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=it&#39;); return false;" style="cursor: pointer;" title="Italian" alt="Italian" />
<area shape="rect" coords="21,73,36,83" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=fr&#39;); return false;" style="cursor: pointer;" title="French" alt="French" />
<area shape="rect" coords="41,73,56,83" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=es&#39;); return false;" style="cursor: pointer;" title="Spanish" alt="Spanish" />
<area shape="rect" coords="61,73,76,83" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=ar&#39;); return false;" style="cursor: pointer;" title="Arabic" alt="Arabic" />
<area shape="rect" coords="81,73,96,83" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=nl&#39;); return false;" style="cursor: pointer;" title="Dutch" alt="Dutch" />
<area shape="rect" coords="101,73,116,83" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=da&#39;); return false;" style="cursor: pointer;" title="Danish" alt="Danish" />
<area shape="rect" coords="121,73,136,83" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=cs&#39;); return false;" style="cursor: pointer;" title="Czech" alt="Czech" />
<area shape="rect" coords="0,91,16,101" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=hr&#39;); return false;" style="cursor: pointer;" title="Croatian" alt="Croatian" />
<area shape="rect" coords="21,91,36,101" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=bg&#39;); return false;" style="cursor: pointer;" title="Bulgarian" alt="Bulgarian" />
<area shape="rect" coords="41,91,56,101" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=pt-BR&#39;); return false;" style="cursor: pointer;" title="Brazilian Portuguese" alt="Brazilian Portuguese" />
<area shape="rect" coords="61,91,76,101" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=no&#39;); return false;" style="cursor: pointer;" title="Norwegian" alt="Norwegian" />
<area shape="rect" coords="81,91,96,101" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=ru&#39;); return false;" style="cursor: pointer;" title="Russian" alt="Russian" />
<area shape="rect" coords="101,91,116,101" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=el&#39;); return false;" style="cursor: pointer;" title="Greek" alt="Greek" />
<area shape="rect" coords="121,91,136,101" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=de&#39;); return false;" style="cursor: pointer;" title="German" alt="German" />
</map>

1 comments:

bizzo said...

...thank you

Post a Comment