Google Translation Flags Widget 2

Here’s some new Google Translate Flags Widgets for Blogger and other blog platforms. I’ve made some changes to the old Google Translate Flags widget:

STYLE 1

Small button (with border)

Translation Flags

Click here to get code

Choose a color and get code:

To copy, click inside the box to highlight content then press Ctrl+C (or Command+C).

GREEN

<style type="text/css">
.flag {  filter:alpha(opacity=80);
          -moz-opacity:0.8;
          -khtml-opacity: 0.8;
           opacity: 0.8;
           border: none;
           }
.flag:hover {
           filter:alpha(opacity=100);
           -moz-opacity:1;
           -khtml-opacity: 1;
            opacity: 1;
           }
  </style>
<div align="center" style="width:auto; border: solid 3px #F0F0F0; padding:20px 0px 0px 0px; margin:5px 0 5px 0;min-width:210px;">
<div style="text-align:center;background: url(https://sites.google.com/site/translationflags/images/google_t-bg_green-200.gif); height:68px;width:200px;">

<!--GOOGLE TRANSLATE MINI FLAGS-->
<div align="center" style="padding:11px 0px 0px 0px;">

<!-- Add English to Chinese (Simplified) BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="English to Chinese (Simplified)"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-Chinese (Simplified) BETA" src="https://sites.google.com/site/translationflags/images/_chinese_s.png" height="19" /></a>

<!-- END English to Chinese (Simplified) BETA-->

<!-- Add English to French -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="English to French"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to French " src="https://sites.google.com/site/translationflags/images/_french_s.png" height="19" /></a>

<!-- END English to French -->

<!-- Add English to German -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to German" src="https://sites.google.com/site/translationflags/images/_german_s.png" height="19" /></a>

<!-- END English to German -->

<!-- Add English to Italian -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Italian" src="https://sites.google.com/site/translationflags/images/_italian_s.png" height="19" /></a>

<!-- END English to Italian -->

<!-- Add English to Japanese BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="English to Japanese"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Japanese BETA" src="https://sites.google.com/site/translationflags/images/_japanese_s.png" height="19" /></a>

<!-- END English to Japanese BETA -->

<!-- Add English to Korean BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title="English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Korean BETA" src="https://sites.google.com/site/translationflags/images/_korean_s.png" height="19" /></a>

<!-- END English to Korean BETA -->

<!-- Add English to Russian BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="English to Russian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Russian BETA " src="https://sites.google.com/site/translationflags/images/_russian_s.png" height="19" /></a>

<!-- END English to Russian BETA -->

<!-- Add English to Spanish -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Spanish " src="https://sites.google.com/site/translationflags/images/_spanish_s.png" height="19" /></a>

<!-- END English to Spanish --></div>
</div>
<div style="text-align:center;width:200px;height:20px;">
  <small>↑ <a href="http://www.madtomatoe.com/google-translate-flags-widget-2"  target="_blank" title="Google Translate™ Flags Widget">Google Translator</a> <a href="http://www.madtomatoe.com"  target="_blank">Widget</a></small>
  </div>
</div>

YELLOW

<style type="text/css">
.flag {  filter:alpha(opacity=80);
          -moz-opacity:0.8;
          -khtml-opacity: 0.8;
           opacity: 0.8;
           border: none;
           }
.flag:hover {
           filter:alpha(opacity=100);
           -moz-opacity:1;
           -khtml-opacity: 1;
            opacity: 1;
           }
  </style>
<div align="center" style="width:auto; border: solid 3px #F0F0F0; padding:20px 0px 0px 0px; margin:5px 0 5px 0;min-width:210px;">
<div style="text-align:center;background: url(https://sites.google.com/site/translationflags/images/google_t-bg_yellow-200.gif); height:68px;width:200px;">

<!--GOOGLE TRANSLATE MINI FLAGS-->
<div align="center" style="padding:11px 0px 0px 0px;">

<!-- Add English to Chinese (Simplified) BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="English to Chinese (Simplified)"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-Chinese (Simplified) BETA" src="https://sites.google.com/site/translationflags/images/_chinese_s.png" height="19" /></a>

<!-- END English to Chinese (Simplified) BETA-->

<!-- Add English to French -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="English to French"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to French " src="https://sites.google.com/site/translationflags/images/_french_s.png" height="19" /></a>

<!-- END English to French -->

<!-- Add English to German -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to German" src="https://sites.google.com/site/translationflags/images/_german_s.png" height="19" /></a>

<!-- END English to German -->

<!-- Add English to Italian -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Italian" src="https://sites.google.com/site/translationflags/images/_italian_s.png" height="19" /></a>

<!-- END English to Italian -->

<!-- Add English to Japanese BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="English to Japanese"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Japanese BETA" src="https://sites.google.com/site/translationflags/images/_japanese_s.png" height="19" /></a>

<!-- END English to Japanese BETA -->

<!-- Add English to Korean BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title="English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Korean BETA" src="https://sites.google.com/site/translationflags/images/_korean_s.png" height="19" /></a>

<!-- END English to Korean BETA -->

<!-- Add English to Russian BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="English to Russian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Russian BETA " src="https://sites.google.com/site/translationflags/images/_russian_s.png" height="19" /></a>

<!-- END English to Russian BETA -->

<!-- Add English to Spanish -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Spanish " src="https://sites.google.com/site/translationflags/images/_spanish_s.png" height="19" /></a>

<!-- END English to Spanish --></div>
</div>
<div style="text-align:center;width:200px;height:20px;">
  <small>↑ <a href="http://www.madtomatoe.com/google-translate-flags-widget-2"  target="_blank" title="Google Translate™ Flags Widget">Google Translator</a> <a href="http://www.madtomatoe.com"  target="_blank">Widget</a></small>
  </div>
</div>

BLACK

<style type="text/css">
.flag {  filter:alpha(opacity=80);
          -moz-opacity:0.8;
          -khtml-opacity: 0.8;
           opacity: 0.8;
           border: none;
           }
.flag:hover {
           filter:alpha(opacity=100);
           -moz-opacity:1;
           -khtml-opacity: 1;
            opacity: 1;
           }
  </style>
<div align="center" style="width:auto; border: solid 3px #F0F0F0; padding:20px 0px 0px 0px; margin:5px 0 5px 0;min-width:210px;">
<div style="text-align:center;background: url(https://sites.google.com/site/translationflags/images/google_t-bg_black-200.gif); height:68px;width:200px;">

<!--GOOGLE TRANSLATE MINI FLAGS-->
<div align="center" style="padding:11px 0px 0px 0px;">

<!-- Add English to Chinese (Simplified) BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="English to Chinese (Simplified)"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-Chinese (Simplified) BETA" src="https://sites.google.com/site/translationflags/images/_chinese_s.png" height="19" /></a>

<!-- END English to Chinese (Simplified) BETA-->

<!-- Add English to French -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="English to French"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to French " src="https://sites.google.com/site/translationflags/images/_french_s.png" height="19" /></a>

<!-- END English to French -->

<!-- Add English to German -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to German" src="https://sites.google.com/site/translationflags/images/_german_s.png" height="19" /></a>

<!-- END English to German -->

<!-- Add English to Italian -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Italian" src="https://sites.google.com/site/translationflags/images/_italian_s.png" height="19" /></a>

<!-- END English to Italian -->

<!-- Add English to Japanese BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="English to Japanese"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Japanese BETA" src="https://sites.google.com/site/translationflags/images/_japanese_s.png" height="19" /></a>

<!-- END English to Japanese BETA -->

<!-- Add English to Korean BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title="English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Korean BETA" src="https://sites.google.com/site/translationflags/images/_korean_s.png" height="19" /></a>

<!-- END English to Korean BETA -->

<!-- Add English to Russian BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="English to Russian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Russian BETA " src="https://sites.google.com/site/translationflags/images/_russian_s.png" height="19" /></a>

<!-- END English to Russian BETA -->

<!-- Add English to Spanish -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Spanish " src="https://sites.google.com/site/translationflags/images/_spanish_s.png" height="19" /></a>

<!-- END English to Spanish --></div>
</div>
<div style="text-align:center;width:200px;height:20px;">
  <small>↑ <a href="http://www.madtomatoe.com/google-translate-flags-widget-2"  target="_blank" title="Google Translate™ Flags Widget">Google Translator</a> <a href="http://www.madtomatoe.com"  target="_blank">Widget</a></small>
  </div>
</div>

WHITE

<style type="text/css">
.flag {  filter:alpha(opacity=80);
          -moz-opacity:0.8;
          -khtml-opacity: 0.8;
           opacity: 0.8;
           border: none;
           }
.flag:hover {
           filter:alpha(opacity=100);
           -moz-opacity:1;
           -khtml-opacity: 1;
            opacity: 1;
           }
  </style>
<div align="center" style="width:auto; border: solid 3px #F0F0F0; padding:20px 0px 0px 0px; margin:5px 0 5px 0;min-width:210px;">
<div style="text-align:center;background: url(https://sites.google.com/site/translationflags/images/google_t-bg_white-200.gif); height:68px;width:200px;">

<!--GOOGLE TRANSLATE MINI FLAGS-->
<div align="center" style="padding:11px 0px 0px 0px;">

<!-- Add English to Chinese (Simplified) BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="English to Chinese (Simplified)"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-Chinese (Simplified) BETA" src="https://sites.google.com/site/translationflags/images/_chinese_s.png" height="19" /></a>

<!-- END English to Chinese (Simplified) BETA-->

<!-- Add English to French -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="English to French"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to French " src="https://sites.google.com/site/translationflags/images/_french_s.png" height="19" /></a>

<!-- END English to French -->

<!-- Add English to German -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to German" src="https://sites.google.com/site/translationflags/images/_german_s.png" height="19" /></a>

<!-- END English to German -->

<!-- Add English to Italian -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Italian" src="https://sites.google.com/site/translationflags/images/_italian_s.png" height="19" /></a>

<!-- END English to Italian -->

<!-- Add English to Japanese BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="English to Japanese"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Japanese BETA" src="https://sites.google.com/site/translationflags/images/_japanese_s.png" height="19" /></a>

<!-- END English to Japanese BETA -->

<!-- Add English to Korean BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title="English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Korean BETA" src="https://sites.google.com/site/translationflags/images/_korean_s.png" height="19" /></a>

<!-- END English to Korean BETA -->

<!-- Add English to Russian BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="English to Russian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Russian BETA " src="https://sites.google.com/site/translationflags/images/_russian_s.png" height="19" /></a>

<!-- END English to Russian BETA -->

<!-- Add English to Spanish -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Spanish " src="https://sites.google.com/site/translationflags/images/_spanish_s.png" height="19" /></a>

<!-- END English to Spanish --></div>
</div>
<div style="text-align:center;width:200px;height:20px;">
  <small>↑ <a href="http://www.madtomatoe.com/google-translate-flags-widget-2"  target="_blank" title="Google Translate™ Flags Widget">Google Translator</a> <a href="http://www.madtomatoe.com"  target="_blank">Widget</a></small>
  </div>
</div>

PINK

<style type="text/css">
.flag {  filter:alpha(opacity=80);
          -moz-opacity:0.8;
          -khtml-opacity: 0.8;
           opacity: 0.8;
           border: none;
           }
.flag:hover {
           filter:alpha(opacity=100);
           -moz-opacity:1;
           -khtml-opacity: 1;
            opacity: 1;
           }
  </style>
<div align="center" style="width:auto; border: solid 3px #F0F0F0; padding:20px 0px 0px 0px; margin:5px 0 5px 0;min-width:210px;">
<div style="text-align:center;background: url(https://sites.google.com/site/translationflags/images/google_t-bg_pink-200.gif); height:68px;width:200px;">

<!--GOOGLE TRANSLATE MINI FLAGS-->
<div align="center" style="padding:11px 0px 0px 0px;">

<!-- Add English to Chinese (Simplified) BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="English to Chinese (Simplified)"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-Chinese (Simplified) BETA" src="https://sites.google.com/site/translationflags/images/_chinese_s.png" height="19" /></a>

<!-- END English to Chinese (Simplified) BETA-->

<!-- Add English to French -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="English to French"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to French " src="https://sites.google.com/site/translationflags/images/_french_s.png" height="19" /></a>

<!-- END English to French -->

<!-- Add English to German -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to German" src="https://sites.google.com/site/translationflags/images/_german_s.png" height="19" /></a>

<!-- END English to German -->

<!-- Add English to Italian -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Italian" src="https://sites.google.com/site/translationflags/images/_italian_s.png" height="19" /></a>

<!-- END English to Italian -->

<!-- Add English to Japanese BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="English to Japanese"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Japanese BETA" src="https://sites.google.com/site/translationflags/images/_japanese_s.png" height="19" /></a>

<!-- END English to Japanese BETA -->

<!-- Add English to Korean BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title="English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Korean BETA" src="https://sites.google.com/site/translationflags/images/_korean_s.png" height="19" /></a>

<!-- END English to Korean BETA -->

<!-- Add English to Russian BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="English to Russian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Russian BETA " src="https://sites.google.com/site/translationflags/images/_russian_s.png" height="19" /></a>

<!-- END English to Russian BETA -->

<!-- Add English to Spanish -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Spanish " src="https://sites.google.com/site/translationflags/images/_spanish_s.png" height="19" /></a>

<!-- END English to Spanish --></div>
</div>
<div style="text-align:center;width:200px;height:20px;">
  <small>↑ <a href="http://www.madtomatoe.com/google-translate-flags-widget-2"  target="_blank" title="Google Translate™ Flags Widget">Google Translator</a> <a href="http://www.madtomatoe.com"  target="_blank">Widget</a></small>
  </div>
</div>

BLUE

<style type="text/css">
.flag {  filter:alpha(opacity=80);
          -moz-opacity:0.8;
          -khtml-opacity: 0.8;
           opacity: 0.8;
           border: none;
           }
.flag:hover {
           filter:alpha(opacity=100);
           -moz-opacity:1;
           -khtml-opacity: 1;
            opacity: 1;
           }
  </style>
<div align="center" style="width:auto; border: solid 3px #F0F0F0; padding:20px 0px 0px 0px; margin:5px 0 5px 0;min-width:210px;">
<div style="text-align:center;background: url(https://sites.google.com/site/translationflags/images/google_t-bg_blue-200.gif); height:68px;width:200px;">

<!--GOOGLE TRANSLATE MINI FLAGS-->
<div align="center" style="padding:11px 0px 0px 0px;">

<!-- Add English to Chinese (Simplified) BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="English to Chinese (Simplified)"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-Chinese (Simplified) BETA" src="https://sites.google.com/site/translationflags/images/_chinese_s.png" height="19" /></a>

<!-- END English to Chinese (Simplified) BETA-->

<!-- Add English to French -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="English to French"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to French " src="https://sites.google.com/site/translationflags/images/_french_s.png" height="19" /></a>

<!-- END English to French -->

<!-- Add English to German -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to German" src="https://sites.google.com/site/translationflags/images/_german_s.png" height="19" /></a>

<!-- END English to German -->

<!-- Add English to Italian -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Italian" src="https://sites.google.com/site/translationflags/images/_italian_s.png" height="19" /></a>

<!-- END English to Italian -->

<!-- Add English to Japanese BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="English to Japanese"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Japanese BETA" src="https://sites.google.com/site/translationflags/images/_japanese_s.png" height="19" /></a>

<!-- END English to Japanese BETA -->

<!-- Add English to Korean BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title="English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Korean BETA" src="https://sites.google.com/site/translationflags/images/_korean_s.png" height="19" /></a>

<!-- END English to Korean BETA -->

<!-- Add English to Russian BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="English to Russian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Russian BETA " src="https://sites.google.com/site/translationflags/images/_russian_s.png" height="19" /></a>

<!-- END English to Russian BETA -->

<!-- Add English to Spanish -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Spanish " src="https://sites.google.com/site/translationflags/images/_spanish_s.png" height="19" /></a>

<!-- END English to Spanish --></div>
</div>
<div style="text-align:center;width:200px;height:20px;">
  <small>↑ <a href="http://www.madtomatoe.com/google-translate-flags-widget-2"  target="_blank" title="Google Translate™ Flags Widget">Google Translator</a> <a href="http://www.madtomatoe.com"  target="_blank">Widget</a></small>
  </div>
</div>

PALE PURPLE

<style type="text/css">
.flag {  filter:alpha(opacity=80);
          -moz-opacity:0.8;
          -khtml-opacity: 0.8;
           opacity: 0.8;
           border: none;
           }
.flag:hover {
           filter:alpha(opacity=100);
           -moz-opacity:1;
           -khtml-opacity: 1;
            opacity: 1;
           }
  </style>
<div align="center" style="width:auto; border: solid 3px #F0F0F0; padding:20px 0px 0px 0px; margin:5px 0 5px 0;min-width:210px;">
<div style="text-align:center;background: url(https://sites.google.com/site/translationflags/images/google_t-bg_purpl-200.gif); height:68px;width:200px;">

<!--GOOGLE TRANSLATE MINI FLAGS-->
<div align="center" style="padding:11px 0px 0px 0px;">

<!-- Add English to Chinese (Simplified) BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="English to Chinese (Simplified)"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-Chinese (Simplified) BETA" src="https://sites.google.com/site/translationflags/images/_chinese_s.png" height="19" /></a>

<!-- END English to Chinese (Simplified) BETA-->

<!-- Add English to French -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="English to French"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to French " src="https://sites.google.com/site/translationflags/images/_french_s.png" height="19" /></a>

<!-- END English to French -->

<!-- Add English to German -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to German" src="https://sites.google.com/site/translationflags/images/_german_s.png" height="19" /></a>

<!-- END English to German -->

<!-- Add English to Italian -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Italian" src="https://sites.google.com/site/translationflags/images/_italian_s.png" height="19" /></a>

<!-- END English to Italian -->

<!-- Add English to Japanese BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="English to Japanese"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Japanese BETA" src="https://sites.google.com/site/translationflags/images/_japanese_s.png" height="19" /></a>

<!-- END English to Japanese BETA -->

<!-- Add English to Korean BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title="English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Korean BETA" src="https://sites.google.com/site/translationflags/images/_korean_s.png" height="19" /></a>

<!-- END English to Korean BETA -->

<!-- Add English to Russian BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="English to Russian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Russian BETA " src="https://sites.google.com/site/translationflags/images/_russian_s.png" height="19" /></a>

<!-- END English to Russian BETA -->

<!-- Add English to Spanish -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Spanish " src="https://sites.google.com/site/translationflags/images/_spanish_s.png" height="19" /></a>

<!-- END English to Spanish --></div>
</div>
<div style="text-align:center;width:200px;height:20px;">
  <small>↑ <a href="http://www.madtomatoe.com/google-translate-flags-widget-2"  target="_blank" title="Google Translate™ Flags Widget">Google Translator</a> <a href="http://www.madtomatoe.com"  target="_blank">Widget</a></small>
  </div>
</div>

How To Install This Widget

STYLE 2

Small button (width: 200 pixel)

Translation Flags

Click here to get code

Choose a color and get code:

To copy, click inside the box to highlight content then press Ctrl+C (or Command+C).

GREEN

<style type="text/css">
.flag {  filter:alpha(opacity=80);
          -moz-opacity:0.8;
          -khtml-opacity: 0.8;
           opacity: 0.8;
           border: none;
           }
.flag:hover {
           filter:alpha(opacity=100);
           -moz-opacity:1;
           -khtml-opacity: 1;
            opacity: 1;
           }
  </style>
<div align="center" style="width:auto;margin:5px 0 5px 0;">
<div style="text-align:center;background: url(https://sites.google.com/site/translationflags/images/google_t-bg_green-200.gif); height:68px;width:200px;">

<!--GOOGLE TRANSLATE MINI FLAGS-->
<div align="center" style="padding:11px 0px 0px 0px;">

<!-- Add English to Chinese (Simplified) BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="English to Chinese (Simplified)"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-Chinese (Simplified) BETA" src="https://sites.google.com/site/translationflags/images/_chinese_s.png" height="19" /></a>

<!-- END English to Chinese (Simplified) BETA-->

<!-- Add English to French -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="English to French"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to French " src="https://sites.google.com/site/translationflags/images/_french_s.png" height="19" /></a>

<!-- END English to French -->

<!-- Add English to German -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to German" src="https://sites.google.com/site/translationflags/images/_german_s.png" height="19" /></a>

<!-- END English to German -->

<!-- Add English to Italian -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Italian" src="https://sites.google.com/site/translationflags/images/_italian_s.png" height="19" /></a>

<!-- END English to Italian -->

<!-- Add English to Japanese BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="English to Japanese"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Japanese BETA" src="https://sites.google.com/site/translationflags/images/_japanese_s.png" height="19" /></a>

<!-- END English to Japanese BETA -->

<!-- Add English to Korean BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title="English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Korean BETA" src="https://sites.google.com/site/translationflags/images/_korean_s.png" height="19" /></a>

<!-- END English to Korean BETA -->

<!-- Add English to Russian BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="English to Russian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Russian BETA " src="https://sites.google.com/site/translationflags/images/_russian_s.png" height="19" /></a>

<!-- END English to Russian BETA -->

<!-- Add English to Spanish -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Spanish " src="https://sites.google.com/site/translationflags/images/_spanish_s.png" height="19" /></a>

<!-- END English to Spanish --></div>
</div>
<div style="text-align:center;width:200px;">
  <small>↑ <a href="http://www.madtomatoe.com/google-translate-flags-widget-2"  target="_blank" title="Google Translate™ Flags Widget">Google Translator</a> <a href="http://www.madtomatoe.com"  target="_blank">Widget</a></small>
  </div>
</div>

YELLOW

<style type="text/css">
.flag {  filter:alpha(opacity=80);
          -moz-opacity:0.8;
          -khtml-opacity: 0.8;
           opacity: 0.8;
           border: none;
           }
.flag:hover {
           filter:alpha(opacity=100);
           -moz-opacity:1;
           -khtml-opacity: 1;
            opacity: 1;
           }
  </style>
<div align="center" style="width:auto;margin:5px 0 5px 0;">
<div style="text-align:center;background: url(https://sites.google.com/site/translationflags/images/google_t-bg_yellow-200.gif); height:68px;width:200px;">

<!--GOOGLE TRANSLATE MINI FLAGS-->
<div align="center" style="padding:11px 0px 0px 0px;">

<!-- Add English to Chinese (Simplified) BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="English to Chinese (Simplified)"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-Chinese (Simplified) BETA" src="https://sites.google.com/site/translationflags/images/_chinese_s.png" height="19" /></a>

<!-- END English to Chinese (Simplified) BETA-->

<!-- Add English to French -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="English to French"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to French " src="https://sites.google.com/site/translationflags/images/_french_s.png" height="19" /></a>

<!-- END English to French -->

<!-- Add English to German -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to German" src="https://sites.google.com/site/translationflags/images/_german_s.png" height="19" /></a>

<!-- END English to German -->

<!-- Add English to Italian -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Italian" src="https://sites.google.com/site/translationflags/images/_italian_s.png" height="19" /></a>

<!-- END English to Italian -->

<!-- Add English to Japanese BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="English to Japanese"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Japanese BETA" src="https://sites.google.com/site/translationflags/images/_japanese_s.png" height="19" /></a>

<!-- END English to Japanese BETA -->

<!-- Add English to Korean BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title="English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Korean BETA" src="https://sites.google.com/site/translationflags/images/_korean_s.png" height="19" /></a>

<!-- END English to Korean BETA -->

<!-- Add English to Russian BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="English to Russian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Russian BETA " src="https://sites.google.com/site/translationflags/images/_russian_s.png" height="19" /></a>

<!-- END English to Russian BETA -->

<!-- Add English to Spanish -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Spanish " src="https://sites.google.com/site/translationflags/images/_spanish_s.png" height="19" /></a>

<!-- END English to Spanish --></div>
</div>
<div style="text-align:center;width:200px;">
  <small>↑ <a href="http://www.madtomatoe.com/google-translate-flags-widget-2"  target="_blank" title="Google Translate™ Flags Widget">Google Translator</a> <a href="http://www.madtomatoe.com"  target="_blank">Widget</a></small>
  </div>
</div>

BLACK

<style type="text/css">
.flag {  filter:alpha(opacity=80);
          -moz-opacity:0.8;
          -khtml-opacity: 0.8;
           opacity: 0.8;
           border: none;
           }
.flag:hover {
           filter:alpha(opacity=100);
           -moz-opacity:1;
           -khtml-opacity: 1;
            opacity: 1;
           }
  </style>
<div align="center" style="width:auto;margin:5px 0 5px 0;">
<div style="text-align:center;background: url(https://sites.google.com/site/translationflags/images/google_t-bg_black-200.gif); height:68px;width:200px;">

<!--GOOGLE TRANSLATE MINI FLAGS-->
<div align="center" style="padding:11px 0px 0px 0px;">

<!-- Add English to Chinese (Simplified) BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="English to Chinese (Simplified)"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-Chinese (Simplified) BETA" src="https://sites.google.com/site/translationflags/images/_chinese_s.png" height="19" /></a>

<!-- END English to Chinese (Simplified) BETA-->

<!-- Add English to French -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="English to French"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to French " src="https://sites.google.com/site/translationflags/images/_french_s.png" height="19" /></a>

<!-- END English to French -->

<!-- Add English to German -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to German" src="https://sites.google.com/site/translationflags/images/_german_s.png" height="19" /></a>

<!-- END English to German -->

<!-- Add English to Italian -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Italian" src="https://sites.google.com/site/translationflags/images/_italian_s.png" height="19" /></a>

<!-- END English to Italian -->

<!-- Add English to Japanese BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="English to Japanese"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Japanese BETA" src="https://sites.google.com/site/translationflags/images/_japanese_s.png" height="19" /></a>

<!-- END English to Japanese BETA -->

<!-- Add English to Korean BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title="English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Korean BETA" src="https://sites.google.com/site/translationflags/images/_korean_s.png" height="19" /></a>

<!-- END English to Korean BETA -->

<!-- Add English to Russian BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="English to Russian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Russian BETA " src="https://sites.google.com/site/translationflags/images/_russian_s.png" height="19" /></a>

<!-- END English to Russian BETA -->

<!-- Add English to Spanish -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Spanish " src="https://sites.google.com/site/translationflags/images/_spanish_s.png" height="19" /></a>

<!-- END English to Spanish --></div>
</div>
<div style="text-align:center;width:200px;">
  <small>↑ <a href="http://www.madtomatoe.com/google-translate-flags-widget-2"  target="_blank" title="Google Translate™ Flags Widget">Google Translator</a> <a href="http://www.madtomatoe.com"  target="_blank">Widget</a></small>
  </div>
</div>

WHITE

<style type="text/css">
.flag {  filter:alpha(opacity=80);
          -moz-opacity:0.8;
          -khtml-opacity: 0.8;
           opacity: 0.8;
           border: none;
           }
.flag:hover {
           filter:alpha(opacity=100);
           -moz-opacity:1;
           -khtml-opacity: 1;
            opacity: 1;
           }
  </style>
<div align="center" style="width:auto;margin:5px 0 5px 0;">
<div style="text-align:center;background: url(https://sites.google.com/site/translationflags/images/google_t-bg_white-200.gif); height:68px;width:200px;">

<!--GOOGLE TRANSLATE MINI FLAGS-->
<div align="center" style="padding:11px 0px 0px 0px;">

<!-- Add English to Chinese (Simplified) BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="English to Chinese (Simplified)"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-Chinese (Simplified) BETA" src="https://sites.google.com/site/translationflags/images/_chinese_s.png" height="19" /></a>

<!-- END English to Chinese (Simplified) BETA-->

<!-- Add English to French -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="English to French"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to French " src="https://sites.google.com/site/translationflags/images/_french_s.png" height="19" /></a>

<!-- END English to French -->

<!-- Add English to German -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to German" src="https://sites.google.com/site/translationflags/images/_german_s.png" height="19" /></a>

<!-- END English to German -->

<!-- Add English to Italian -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Italian" src="https://sites.google.com/site/translationflags/images/_italian_s.png" height="19" /></a>

<!-- END English to Italian -->

<!-- Add English to Japanese BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="English to Japanese"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Japanese BETA" src="https://sites.google.com/site/translationflags/images/_japanese_s.png" height="19" /></a>

<!-- END English to Japanese BETA -->

<!-- Add English to Korean BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title="English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Korean BETA" src="https://sites.google.com/site/translationflags/images/_korean_s.png" height="19" /></a>

<!-- END English to Korean BETA -->

<!-- Add English to Russian BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="English to Russian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Russian BETA " src="https://sites.google.com/site/translationflags/images/_russian_s.png" height="19" /></a>

<!-- END English to Russian BETA -->

<!-- Add English to Spanish -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Spanish " src="https://sites.google.com/site/translationflags/images/_spanish_s.png" height="19" /></a>

<!-- END English to Spanish --></div>
</div>
<div style="text-align:center;width:200px;">
  <small>↑ <a href="http://www.madtomatoe.com/google-translate-flags-widget-2"  target="_blank" title="Google Translate™ Flags Widget">Google Translator</a> <a href="http://www.madtomatoe.com"  target="_blank">Widget</a></small>
  </div>
</div>

PINK

<style type="text/css">
.flag {  filter:alpha(opacity=80);
          -moz-opacity:0.8;
          -khtml-opacity: 0.8;
           opacity: 0.8;
           border: none;
           }
.flag:hover {
           filter:alpha(opacity=100);
           -moz-opacity:1;
           -khtml-opacity: 1;
            opacity: 1;
           }
  </style>
<div align="center" style="width:auto;margin:5px 0 5px 0;">
<div style="text-align:center;background: url(https://sites.google.com/site/translationflags/images/google_t-bg_pink-200.gif); height:68px;width:200px;">

<!--GOOGLE TRANSLATE MINI FLAGS-->
<div align="center" style="padding:11px 0px 0px 0px;">

<!-- Add English to Chinese (Simplified) BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="English to Chinese (Simplified)"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-Chinese (Simplified) BETA" src="https://sites.google.com/site/translationflags/images/_chinese_s.png" height="19" /></a>

<!-- END English to Chinese (Simplified) BETA-->

<!-- Add English to French -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="English to French"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to French " src="https://sites.google.com/site/translationflags/images/_french_s.png" height="19" /></a>

<!-- END English to French -->

<!-- Add English to German -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to German" src="https://sites.google.com/site/translationflags/images/_german_s.png" height="19" /></a>

<!-- END English to German -->

<!-- Add English to Italian -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Italian" src="https://sites.google.com/site/translationflags/images/_italian_s.png" height="19" /></a>

<!-- END English to Italian -->

<!-- Add English to Japanese BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="English to Japanese"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Japanese BETA" src="https://sites.google.com/site/translationflags/images/_japanese_s.png" height="19" /></a>

<!-- END English to Japanese BETA -->

<!-- Add English to Korean BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title="English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Korean BETA" src="https://sites.google.com/site/translationflags/images/_korean_s.png" height="19" /></a>

<!-- END English to Korean BETA -->

<!-- Add English to Russian BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="English to Russian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Russian BETA " src="https://sites.google.com/site/translationflags/images/_russian_s.png" height="19" /></a>

<!-- END English to Russian BETA -->

<!-- Add English to Spanish -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Spanish " src="https://sites.google.com/site/translationflags/images/_spanish_s.png" height="19" /></a>

<!-- END English to Spanish --></div>
</div>
<div style="text-align:center;width:200px;">
  <small>↑ <a href="http://www.madtomatoe.com/google-translate-flags-widget-2"  target="_blank" title="Google Translate™ Flags Widget">Google Translator</a> <a href="http://www.madtomatoe.com"  target="_blank">Widget</a></small>
  </div>
</div>

BLUE

<style type="text/css">
.flag {  filter:alpha(opacity=80);
          -moz-opacity:0.8;
          -khtml-opacity: 0.8;
           opacity: 0.8;
           border: none;
           }
.flag:hover {
           filter:alpha(opacity=100);
           -moz-opacity:1;
           -khtml-opacity: 1;
            opacity: 1;
           }
  </style>
<div align="center" style="width:auto;margin:5px 0 5px 0;">
<div style="text-align:center;background: url(https://sites.google.com/site/translationflags/images/google_t-bg_blue-200.gif); height:68px;width:200px;">

<!--GOOGLE TRANSLATE MINI FLAGS-->
<div align="center" style="padding:11px 0px 0px 0px;">

<!-- Add English to Chinese (Simplified) BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="English to Chinese (Simplified)"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-Chinese (Simplified) BETA" src="https://sites.google.com/site/translationflags/images/_chinese_s.png" height="19" /></a>

<!-- END English to Chinese (Simplified) BETA-->

<!-- Add English to French -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="English to French"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to French " src="https://sites.google.com/site/translationflags/images/_french_s.png" height="19" /></a>

<!-- END English to French -->

<!-- Add English to German -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to German" src="https://sites.google.com/site/translationflags/images/_german_s.png" height="19" /></a>

<!-- END English to German -->

<!-- Add English to Italian -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Italian" src="https://sites.google.com/site/translationflags/images/_italian_s.png" height="19" /></a>

<!-- END English to Italian -->

<!-- Add English to Japanese BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="English to Japanese"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Japanese BETA" src="https://sites.google.com/site/translationflags/images/_japanese_s.png" height="19" /></a>

<!-- END English to Japanese BETA -->

<!-- Add English to Korean BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title="English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Korean BETA" src="https://sites.google.com/site/translationflags/images/_korean_s.png" height="19" /></a>

<!-- END English to Korean BETA -->

<!-- Add English to Russian BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="English to Russian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Russian BETA " src="https://sites.google.com/site/translationflags/images/_russian_s.png" height="19" /></a>

<!-- END English to Russian BETA -->

<!-- Add English to Spanish -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Spanish " src="https://sites.google.com/site/translationflags/images/_spanish_s.png" height="19" /></a>

<!-- END English to Spanish --></div>
</div>
<div style="text-align:center;width:200px;">
  <small>↑ <a href="http://www.madtomatoe.com/google-translate-flags-widget-2"  target="_blank" title="Google Translate™ Flags Widget">Google Translator</a> <a href="http://www.madtomatoe.com"  target="_blank">Widget</a></small>
  </div>
</div>

PALE PURPLE

<style type="text/css">
.flag {  filter:alpha(opacity=80);
          -moz-opacity:0.8;
          -khtml-opacity: 0.8;
           opacity: 0.8;
           border: none;
           }
.flag:hover {
           filter:alpha(opacity=100);
           -moz-opacity:1;
           -khtml-opacity: 1;
            opacity: 1;
           }
  </style>
<div align="center" style="width:auto;margin:5px 0 5px 0;">
<div style="text-align:center;background: url(https://sites.google.com/site/translationflags/images/google_t-bg_purpl-200.gif); height:68px;width:200px;">

<!--GOOGLE TRANSLATE MINI FLAGS-->
<div align="center" style="padding:11px 0px 0px 0px;">

<!-- Add English to Chinese (Simplified) BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="English to Chinese (Simplified)"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-Chinese (Simplified) BETA" src="https://sites.google.com/site/translationflags/images/_chinese_s.png" height="19" /></a>

<!-- END English to Chinese (Simplified) BETA-->

<!-- Add English to French -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="English to French"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to French " src="https://sites.google.com/site/translationflags/images/_french_s.png" height="19" /></a>

<!-- END English to French -->

<!-- Add English to German -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to German" src="https://sites.google.com/site/translationflags/images/_german_s.png" height="19" /></a>

<!-- END English to German -->

<!-- Add English to Italian -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Italian" src="https://sites.google.com/site/translationflags/images/_italian_s.png" height="19" /></a>

<!-- END English to Italian -->

<!-- Add English to Japanese BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="English to Japanese"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Japanese BETA" src="https://sites.google.com/site/translationflags/images/_japanese_s.png" height="19" /></a>

<!-- END English to Japanese BETA -->

<!-- Add English to Korean BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title="English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Korean BETA" src="https://sites.google.com/site/translationflags/images/_korean_s.png" height="19" /></a>

<!-- END English to Korean BETA -->

<!-- Add English to Russian BETA -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="English to Russian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Russian BETA " src="https://sites.google.com/site/translationflags/images/_russian_s.png" height="19" /></a>

<!-- END English to Russian BETA -->

<!-- Add English to Spanish -->

<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Spanish " src="https://sites.google.com/site/translationflags/images/_spanish_s.png" height="19" /></a>

<!-- END English to Spanish --></div>
</div>
<div style="text-align:center;width:200px;">
  <small>↑ <a href="http://www.madtomatoe.com/google-translate-flags-widget-2"  target="_blank" title="Google Translate™ Flags Widget">Google Translator</a> <a href="http://www.madtomatoe.com"  target="_blank">Widget</a></small>
  </div>
</div>

How To Install This Widget

How to add the Google Translate Flags Widget to your blog:

Blogger

1. Go to your Blogger Dashboard > Layout > Blogger Logo Page Elements > Add a gadget > HTML/JavaScript
2. Paste the code into the html box
3. (Optional) Add a title. Ex: Translate, Translate this page, etc
4. Save (or Save Changes).

WordPress

1. Login to your Admin panel or Dashboard > Wordpress Logo Presentation tab or Appearance > Widgets > add a Text widget.
2. Paste the code into the Text Widget.
3. (Optional) Add a title. Ex: Translate, Translate this page, etc
4. Save or Save Changes).

This widget is powered by Google™ Translate BETA. It is distributed freely. Feel free to use it, change it to meet your needs.

If you liked this widget, or if you have questions or suggestions, please let me know by leaving a comment below. [Back To Top]

Tags: Blog Translator, Blogger Gadget, Blogger Translation Flags, Blogspot Widget, Google Translate Flags, Google Translation, Google Translation Flags, Google Translator, Translator Flags, Translator Flags Gadget, wordpress widget

16 comments

mouhammad / March 4th 2010

hello everybody

can you help me please ?

how to add Arabic language to this widget ??

rambler / May 20th 2011

Installed the widget today – very impressed with it. Is there any way of having more flags / languages on the widget itself?

- MadTom / May 21st 2011
  
  I will make another version of the widget that will include all available languages on Google Translate. Hopefully I can finish it within this week. You will be notified.
  
Francisco Sanchez / June 7th 2011

The main problem is not a good looking style or more languajes. Because you can look for google translate documentation and add any other languaje that it supports.
But how can you solve the way when you have the site already translated, and you want to translate it to another languaje?
Trying the example fails on that case :S

Google Translation Flags Widget 2

STYLE 1

Click here to get code

Choose a color and get code:

STYLE 2

Click here to get code

Choose a color and get code:

How to add the Google Translate Flags Widget to your blog:

Blogger

WordPress

Get updates delivered straight to your inbox!

You may also like:

16 comments

Leave a Reply

Get updates delivered straight to your inbox!

Get updates delivered straight to your inbox!

Search

Create Beautiful Websites With These WordPress Themes

Top Blogger Widgets & Tips

Facebook me!

Stalk me.. I’m cute and cuddly!

Get updates via email

Awesome Web Hosting

50+ Amazing Designs