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/AVvXsEgk2EZWSxd0oPhdmIdnfrGh7oaqRAdutncbnsdxllGYMjU0kIGQ-xsTRzIqhVsYfG3dK7Z4RAs97HsYkNqnpHbsGBKOBqjbacdZUYrxYsnFCoYAMIc9uNNzWsUDYx8A1JOlObN3HtrQnL0/?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/AVvXsEi_n9bH6pigoi7G-E4ATKfJHVDnPI4vkbNiHHUWXF04reWnqeTE8sfZ6Tc2hVZtWf1PC2H6IJk9VYZ1z4Ecrz2WqWfiMlP7sOzH3RUknOYkT2Ve2qQgD7SCNDvrUbP0v4DkOJ0hlanifes/?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/AVvXsEg_k3GB0_w5DqhneUaC84LbSr7ZV2dOb4DbNQbP8eemAiBn4OdoGq4iBZyr6R-7uavuq3zXrf4gcCOqMxCX9PN-t293fJyB634loh6PocJGpnbm4ciHaMzBEEctHKSS3EIyHrkkG1M3Lgxk/?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/AVvXsEh9h2zszisnW6-vzaMPCxaoAIhS9upcKz4vL_PCrbgOVrAq5IVdzbuIS3TgpV4aCIwiS6QmvhMLMLXgcmvZe5DavQfRhU3br9sPRP_0vGnieRC1c1Y_Qp_39wB2Kl-pMouGVpG5ex2_J5AW/?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/AVvXsEjEJWogvVngTDec3JYddyMhezo8MJqLg6m5GyQA7oulADwYFhwPUe3b9lkbjgEhBYCpIQdJeZQoBo5vM1fw7BlQlD_ajcZjqFlXF7XNesK4HZnfbYAqmn4YRrkTtr50eiEDSERWkxTy-XA/?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/AVvXsEhvUXjtIjBBfeLAWYTuJO1cAzIk_PQBNCjU6ptHvL4cLP1aDofiBnp9sV2zAE_R1GzHaPlOv2Hl1i5lkvnfRlXdCayXBefS-8dwGhh14Ch7sldjWJ9LEcHQZwMm6ZaYVlmWlX93SGwdzsM/?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/AVvXsEjPat0C3F4dbIPBn-RDLUdnijxkmFD15aqWCq2pwBICoJ5Dh2EtJRUGC7sup2BNhW8x3xbknRD2PhFVxyhar-lHHgZJ40F9VYGwHQ-WDwfugeDSZ3fZKmzn4YqNZidOpa0lIRApBR-H7WY/?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/AVvXsEjHznV6MpaLvQ3-l5L1Xc35_YuVUKAws6F5sl7Xr2o3ajZwHufZxZ0ZWhyawKHRG_XXyQw7mhM6m6PLXfqG87KB2AnpDuaQ2pzP7GpLraayYuTjJ77xQclQ4jkhSb4o5WB6Wd_KZxDGU30/?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/AVvXsEjb_BeiLCpE9dR-Ll8S60A_Fxg7-kHWUQoEcIl3EfwJVfM5_P3vZ7fvYNs75hyphenhyphenZbtFgWJwgbk2XBWyeGQXCzrYnqNxSZq_UIsJXGFTNvs36ldPPcg9cn7cBYKSB6HXj6sqb-cxXXUSWqkqC/?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/AVvXsEgOfIteUMZXtzCunxqMJiNflVRTixy4Nxq_R9FNd3QgZZxSEZ99fYH-CeAPUYCL_kUP13tKDksIHuaE8eF41LOZP4FFPTbpMfvL5fxAgUpyP3i5PE0MHslzmp_9veluL8v6rKLs5CHe2nQ/?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/AVvXsEhwLks2HhwrPcOIfP8TLGSwcAHNrqB32v0mMUcVZ2EMby2xzY6Dlz2xSReBoiOWwztx5C60RFmBv288zDqUoRL4ObR4NPGMtZWfc37sCtFhEkK6HfpSgKgtf0M8_JWUaH3LXL3558l7V0U/?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/AVvXsEhQDxBO-k0M9UsVlhTLtd8vtsbAuPz1OIYqDCtmDvprenyX5jnRdESJbVSHadbG-7rfF5YJYeIsg3c6s6p_7aroEhb0yX3rrbsR_Vzi6uyR40eaANxJ-2R-lp2wOQ2ASESnGskAJDeJgMk/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style=”font-size:10px;margin:8px 0px 3px 0px”></div>