How to install the widget icon to translate the symbol flag
In making a blog or website I need to add Widgets Translate into blog or website, not only for our own nation but a visit of people from all over the world who may also visit our website or blog. For visitors who do not understand the language that we use where they may be able to understand. Therefore Translate Widget is required, while a widget or code can be taken from google translate, the style of the standard we have put in the sidebar widget, which also has been modified by using the icon symbol of a flag State. Widgets translate standard code like this:
old code
new code
This code depends on the choice of language that we use for more details visit http://translate.google.com. TOOLS select the language there is the option, select the language which we use to create a blog or website for the code is different for each language. Sample code is a code over the choice of English For the modified file with the flag symbol, please copy the code below and paste to your blog's sidebar
<center>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src=" http://i41.tinypic.com/mcbs77.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src=" http://i42.tinypic.com/2qn39mr.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="http://i40.tinypic.com/2znvfxl.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src=" http://i40.tinypic.com/15pse3p.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="http://i41.tinypic.com/v5c2eq.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="http://i42.tinypic.com/2qn39mr.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src=" http://i41.tinypic.com/1ystb8.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="http://i42.tinypic.com/2q1un43.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="http://i39.tinypic.com/b3vu3t.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('https://translate.oogle.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="http://i41.tinypic.com/wv7orr.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="http://i43.tinypic.com/2552exg.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="http://i42.tinypic.com/2pt7x9v.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title=" Install this widget " onclick="window.open('https://darmapala-40.blogspot.com/2009/06/translate-widget-icon-with-symbol-flag.html'); return false;"><img border="0" alt=" Install this widget " title=" Install this widget " align="absbottom"/></a>
</center>
result like this
old code
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js>result like this
new code
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/cse/api/015110761797304493084/cse/s0rxukow86o/gadget&synd=open&w=320&h=75&title=got+it&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>result like this
This code depends on the choice of language that we use for more details visit http://translate.google.com. TOOLS select the language there is the option, select the language which we use to create a blog or website for the code is different for each language. Sample code is a code over the choice of English For the modified file with the flag symbol, please copy the code below and paste to your blog's sidebar
<div class="widget-content">
<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<center>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src=" http://i41.tinypic.com/mcbs77.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src=" http://i42.tinypic.com/2qn39mr.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="http://i40.tinypic.com/2znvfxl.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src=" http://i40.tinypic.com/15pse3p.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="http://i41.tinypic.com/v5c2eq.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="http://i42.tinypic.com/2qn39mr.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src=" http://i41.tinypic.com/1ystb8.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="http://i42.tinypic.com/2q1un43.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="http://i39.tinypic.com/b3vu3t.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('https://translate.oogle.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="http://i41.tinypic.com/wv7orr.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="http://i43.tinypic.com/2552exg.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="http://i42.tinypic.com/2pt7x9v.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title=" Install this widget " onclick="window.open('https://darmapala-40.blogspot.com/2009/06/translate-widget-icon-with-symbol-flag.html'); return false;"><img border="0" alt=" Install this widget " title=" Install this widget " align="absbottom"/></a>
</center>
result like this
This code represents 12 languages:
English, Francis, German, Spanish, Italian, Dutch, Russian, Portuguese, Japanese, Korean, Arabic, Chinese
How to install the widget icon to translate the symbol flag
In making a blog or website I need to add Widgets Translate into blog or website, not only for our own nation but a visit of people from all over the world who may also visit our website or blog. For visitors who do not understand the language that we use where they may be able to understand. Therefore Translate Widget is required, while a widget or code can be taken from google translate, the style of the standard we have put in the sidebar widget, which also has been modified by using the icon symbol of a flag State. Widgets translate standard code like this:
old code
new code
This code depends on the choice of language that we use for more details visit http://translate.google.com. TOOLS select the language there is the option, select the language which we use to create a blog or website for the code is different for each language. Sample code is a code over the choice of English For the modified file with the flag symbol, please copy the code below and paste to your blog's sidebar
<center>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src=" http://i41.tinypic.com/mcbs77.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src=" http://i42.tinypic.com/2qn39mr.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="http://i40.tinypic.com/2znvfxl.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src=" http://i40.tinypic.com/15pse3p.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="http://i41.tinypic.com/v5c2eq.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="http://i42.tinypic.com/2qn39mr.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src=" http://i41.tinypic.com/1ystb8.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="http://i42.tinypic.com/2q1un43.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="http://i39.tinypic.com/b3vu3t.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('https://translate.oogle.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="http://i41.tinypic.com/wv7orr.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="http://i43.tinypic.com/2552exg.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="http://i42.tinypic.com/2pt7x9v.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title=" Install this widget " onclick="window.open('https://darmapala-40.blogspot.com/2009/06/translate-widget-icon-with-symbol-flag.html'); return false;"><img border="0" alt=" Install this widget " title=" Install this widget " align="absbottom"/></a>
</center>
result like this
old code
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js>result like this
new code
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/cse/api/015110761797304493084/cse/s0rxukow86o/gadget&synd=open&w=320&h=75&title=got+it&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>result like this
This code depends on the choice of language that we use for more details visit http://translate.google.com. TOOLS select the language there is the option, select the language which we use to create a blog or website for the code is different for each language. Sample code is a code over the choice of English For the modified file with the flag symbol, please copy the code below and paste to your blog's sidebar
<div class="widget-content">
<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<center>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src=" http://i41.tinypic.com/mcbs77.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src=" http://i42.tinypic.com/2qn39mr.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="http://i40.tinypic.com/2znvfxl.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src=" http://i40.tinypic.com/15pse3p.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="http://i41.tinypic.com/v5c2eq.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="http://i42.tinypic.com/2qn39mr.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src=" http://i41.tinypic.com/1ystb8.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="http://i42.tinypic.com/2q1un43.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="http://i39.tinypic.com/b3vu3t.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('https://translate.oogle.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="http://i41.tinypic.com/wv7orr.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="http://i43.tinypic.com/2552exg.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="http://i42.tinypic.com/2pt7x9v.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a href="#" target="_blank" rel="nofollow" title=" Install this widget " onclick="window.open('https://darmapala-40.blogspot.com/2009/06/translate-widget-icon-with-symbol-flag.html'); return false;"><img border="0" alt=" Install this widget " title=" Install this widget " align="absbottom"/></a>
</center>
result like this
This code represents 12 languages:
English, Francis, German, Spanish, Italian, Dutch, Russian, Portuguese, Japanese, Korean, Arabic, Chinese