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)

[learn_more caption=”Click here to get code”]

Choose a color and get code:

[box type=”info”]To copy, click inside the box to highlight content then press Ctrl+C (or Command+C).[/box]

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;">



<div align="center" style="padding:11px 0px 0px 0px;">



<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 decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>



  </div>
  </div>
  <div style="text-align:center;width:200px;height:20px;">
  <small>↑ <a href="https://madtomatoes.com/google-translate-flags-widget-2" target="_blank" title="Google Translate™ Flags Widget">Google Translator</a> <a href="https://madtomatoes.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;">



<div align="center" style="padding:11px 0px 0px 0px;">



<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 decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>



  </div>
  </div>
  <div style="text-align:center;width:200px;height:20px;">
  <small>↑ <a href="https://madtomatoes.com/google-translate-flags-widget-2" target="_blank" title="Google Translate™ Flags Widget">Google Translator</a> <a href="https://madtomatoes.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;">



<div align="center" style="padding:11px 0px 0px 0px;">



<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 decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>



  </div>
  </div>
  <div style="text-align:center;width:200px;height:20px;">
  <small>↑ <a href="https://madtomatoes.com/google-translate-flags-widget-2" target="_blank" title="Google Translate™ Flags Widget">Google Translator</a> <a href="https://madtomatoes.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;">



<div align="center" style="padding:11px 0px 0px 0px;">



<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 decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>



  </div>
  </div>
  <div style="text-align:center;width:200px;height:20px;">
  <small>↑ <a href="https://madtomatoes.com/google-translate-flags-widget-2" target="_blank" title="Google Translate™ Flags Widget">Google Translator</a> <a href="https://madtomatoes.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;">



<div align="center" style="padding:11px 0px 0px 0px;">



<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 decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>



  </div>
  </div>
  <div style="text-align:center;width:200px;height:20px;">
  <small>↑ <a href="https://madtomatoes.com/google-translate-flags-widget-2" target="_blank" title="Google Translate™ Flags Widget">Google Translator</a> <a href="https://madtomatoes.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;">



<div align="center" style="padding:11px 0px 0px 0px;">



<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 decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>



  </div>
  </div>
  <div style="text-align:center;width:200px;height:20px;">
  <small>↑ <a href="https://madtomatoes.com/google-translate-flags-widget-2" target="_blank" title="Google Translate™ Flags Widget">Google Translator</a> <a href="https://madtomatoes.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;">



<div align="center" style="padding:11px 0px 0px 0px;">



<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 decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>



  </div>
  </div>
  <div style="text-align:center;width:200px;height:20px;">
  <small>↑ <a href="https://madtomatoes.com/google-translate-flags-widget-2" target="_blank" title="Google Translate™ Flags Widget">Google Translator</a> <a href="https://madtomatoes.com" target="_blank">Widget</a></small>
  </div>  </div>

How To Install This Widget

[/learn_more]

STYLE 2

Small button (width: 200 pixel)

[learn_more caption=”Click here to get code”]

Choose a color and get code:

[box type=”info”]To copy, click inside the box to highlight content then press Ctrl+C (or Command+C).[/box]

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;">



<div align="center" style="padding:11px 0px 0px 0px;">



<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 decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>



  </div>
  </div>
  <div style="text-align:center;width:200px;">
  <small>↑ <a href="https://madtomatoes.com/google-translate-flags-widget-2" target="_blank" title="Google Translate™ Flags Widget">Google Translator</a> <a href="https://madtomatoes.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;">



<div align="center" style="padding:11px 0px 0px 0px;">



<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 decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>



  </div>
  </div>
  <div style="text-align:center;width:200px;">
  <small>↑ <a href="https://madtomatoes.com/google-translate-flags-widget-2" target="_blank" title="Google Translate™ Flags Widget">Google Translator</a> <a href="https://madtomatoes.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;">



<div align="center" style="padding:11px 0px 0px 0px;">



<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 decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>



  </div>
  </div>
  <div style="text-align:center;width:200px;">
  <small>↑ <a href="https://madtomatoes.com/google-translate-flags-widget-2" target="_blank" title="Google Translate™ Flags Widget">Google Translator</a> <a href="https://madtomatoes.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;">



<div align="center" style="padding:11px 0px 0px 0px;">



<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 decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>



  </div>
  </div>
  <div style="text-align:center;width:200px;">
  <small>↑ <a href="https://madtomatoes.com/google-translate-flags-widget-2" target="_blank" title="Google Translate™ Flags Widget">Google Translator</a> <a href="https://madtomatoes.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;">



<div align="center" style="padding:11px 0px 0px 0px;">



<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 decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>



  </div>
  </div>
  <div style="text-align:center;width:200px;">
  <small>↑ <a href="https://madtomatoes.com/google-translate-flags-widget-2" target="_blank" title="Google Translate™ Flags Widget">Google Translator</a> <a href="https://madtomatoes.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;">



<div align="center" style="padding:11px 0px 0px 0px;">



<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 decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>



  </div>
  </div>
  <div style="text-align:center;width:200px;">
  <small>↑ <a href="https://madtomatoes.com/google-translate-flags-widget-2" target="_blank" title="Google Translate™ Flags Widget">Google Translator</a> <a href="https://madtomatoes.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;">



<div align="center" style="padding:11px 0px 0px 0px;">



<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 decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>







<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 loading="lazy" decoding="async" 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" title="Google Translation Flags Widget 2"></a>



  </div>
  </div>
  <div style="text-align:center;width:200px;">
  <small>↑ <a href="https://madtomatoes.com/google-translate-flags-widget-2" target="_blank" title="Google Translate™ Flags Widget">Google Translator</a> <a href="https://madtomatoes.com" target="_blank">Widget</a></small>
  </div>  </div>

How To Install This Widget

[/learn_more]

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

Blogger

1. Go to your Blogger Dashboard > Layout > 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 > 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]

R Jones

April 18th 2009 at 8:06 pm

Thanks for sharing!

Wha

April 22nd 2009 at 10:59 pm

Thank you! This is really stylish and usable.
I have one question. I want this on my blog but I need it to translate swedish instead of english, is there any way to fix that?
Keep up the good work!

derekengavin

April 23rd 2009 at 2:55 pm

howdy! i grab the widget and install it as you’ve instructed, but it does not appear on my sidebar..assist please! by the way, i have published a post about this widget with your link on it….tnx.

April 23rd 2009 at 2:56 pm

howdy! i grab the widget and installed it as you’ve instructed, but it does not appear on my sidebar..assist please! by the way, i have published a post about this widget with your link on it….tnx.

MadTom

April 23rd 2009 at 4:23 pm

@derekengavin

I’ve tested each code on blogger and they appear to be working just fine. Please try installing the code again.

Hey thanks for the links! =)

Young

May 3rd 2009 at 10:40 am

I installed it on XpressEngine (http://xpressengine.com/). It works fine. Thanks for the great widget~!!

ajblade

May 23rd 2009 at 11:25 pm

nice widget

kiwy604

May 29th 2009 at 6:56 am

Hello I tried all this widgets on wordpres
they aopear normal but when I click a flag it don’t work!!!
Plz help me I Need this widget

MadTom
May 31st 2009 at 1:19 am
Any URL I can look into?

Manu

July 6th 2009 at 5:40 am

Wonderful job!!!
I really want to use your widget, but I need it from Portuguese to English. Could you, please, help me with that? Thank you!!!

Angi

October 4th 2009 at 2:34 am

Hi,
Thanks for this, very usefull

mouhammad

March 4th 2010 at 11:59 pm

hello everybody

can you help me please ?

how to add Arabic language to this widget ??

rambler

May 20th 2011 at 12:35 pm

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 at 11:34 pm
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 at 6:49 am

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

The Ultimate Web Design Toolkit!

STYLE 1

Choose a color and get code:

STYLE 2

Choose a color and get code:

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

Blogger

WordPress

The Ultimate WordPress Toolkit. Complete Access!

15 thoughts on “Google Translation Flags Widget 2”