How To Make Google Translate With Icon Flags

Realizing that some of my web visitors are also increasingly coming from countries of non-language-speaking, so I tried searching the web facility is pretty easy to implement translator, high accuracy, it takes up much space, reasonable price even if there is a free .

There is software that "she" is accurate, but the price is quite expensive too. After looking here and there, finally the remaining two choices, BableFish translator from Altavista / Yahoo and Google's translator gadget. Both can be free.

With a reputation considerations, ease of implementation and web layout, finally I chose the Google Translate gadget only. But then I want the tools it also displays the flag symbol of the country concerned, as often I see on some other website. By default, gadget google does not provide images of the flag.

Searching for a moment, the script Om met Amit at Digital Inspiration that provides google translate with the logo flag 9 countries (Germany, China, Japan, Korean, Arabic, French, Portuguese, Spanish and Italian).

You can follow the steps below
1. Log in Blogger
2. Layout
3. Add a gadget
4. HTML / Java Script
5. copy and paste the code below

<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>
<div>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlUV1ecwsiH_s0SwCsTjOs5W1sM0A2ZhAh97932isc173Z-6uLrNm0xnfuZ13pc-Aknw5ZvVMjhi5OhvqFGt6_Nl4RQPLNjtwZahaa7pdz0UqZkMhMY_5sk4AsnDvK6q7K61ZLKunrHEo/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHHdvb_N4v-7-_knGBBOpYfjPX1y39wDogOfSu1pmVkoAaSTArYAD0jm0F5kFyPAqSc9hNJG57uqIdR2piZfCgtcsYH7UZIC_TgXhLXYfOlQPcsR3ScK2CPI74VfsfsFhuD2qjRyWqPTE/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4nSO5n3O22DDrdpMi5u8G_LVFa_udM7nuqDPwqPDSeopmd7WtVpt4qwLhTdcRFZHHfhVhN6HZCSO4c9YYXjWS8J7FaPL1t3U0S0yAfak6HAHJv58GSpIX9ccnh28IB2ueqDBkpOtUrwZx/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFNG80ZXlih6lxH8y5s3UY-peMZZcYJP1lEim_a_ycvkMy22ss6ZeX36JgAj4FusJgJRLZR0rBlQZSgi_V_SGK_BLt_yL4J_1LCK-mSwfv8-uIJx0df5OFJeGN7viHGI-Av0V13ZAq0HW8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUlsGGBQt4rvaVXsYmbYd3uWdapibRsv2_K5mHoxsGIB4vP9WWBpi9eQiYzS1XD-Xc98clWAnb6CCNMN_6gHbWdbk1gtrQ_7Ee3IxvDopPDL9T0Pk4fL_R0nYOkKuNVQmDwZesXxAh6JU/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNtbP-VtTQ_YQw3qemt5W0VjO_rAVVyEzGXGR8OhsWSQGyWML0fyStFKMJh7Nb-lvZXdLOLAs4mdfqpAYt8zuqpKvrkEUAS6fdPBKo3V50yiUTe9UzvTXCshsQ-Pg6Cc_ZSYxKDPcYpJk/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGDEDkzr4oK0ed89d35Ve0oU7dqoEi1mtIpnggIEtpcmdl-093HI8Sp24sQDcnFDk1GYOlJFGC4rTJ5jrqX4TN7X5zaPKl4Y18aGu5lzYMlZDSqq-y_v1KfmQzKa438rOcH1WSQ6gvjvw/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXXhxPuWE36fuefJSGedkFgPrBcvL__Tzowl7eJT3nlU_RWkvjVK5L1P7CQ48W6JUGZjjbZUHuTrqxZHozvoRwuGGA0XvKs8r4CVJwqpcWhLlxrAstS8wiXe-5E9iIVxcwB65Bme5WQaQ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1OpKmr5veKu2dpafI0Y8hm7JnUc1jWOGyLmswBwTtF318gBlDGoipkhZJmBz1dU7MRc5F7ldueB-DnmUN8K-VUjUYmdqGS2hLiiBymXDs-I32IOQ58Vaxf2-zKwtV63N4pAL0Po_oufJp/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixBZH3EHIiFneOWujOdGe8IRnB7E5cX2kggYhxffLm-zcwLghdDiYoEAQcGeELQfV93IkBNKQvJA63NlxCmy2qqW1XoDFJvx8IozgATn5on0G_HUOILG8sR-YsSdXE_GQfhvtgSOmHZVw/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFmOF3j0vRh_VIfdMZDffrI_yJyOi9SjvSefbZZA4HuW4rSBuFbuEs0ljpz_zsSO508aOg3ECjYl2iSFCKAE0-Bb7fkI6eumVUzrcJcBXqVVxT1kAmXW9OUL_EUdX-HnUhAAiznve3lRo/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwaQ6FZ9nmwVMwXoLG_d1Vi7JD-ezHP6VDOd75qUwbqX05FlfMWYS0ubYdGvwfcVKe5ZqG1zV9oPj70ao8VCgIrbUa6oLqKakDb36yqz6vAI92hOPfBM0YQn9HWpr4ZOZ7UlHb7ipyzFQ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style=”font-size:10px;margin:8px 0px 3px 0px”></div>