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/AVvXsEguvkneR69iu4C4cnecoOs3NvS82Z2MdaFLg9hxojYsuAtE4aIFsfmXaMwd29ZMcsCOUP0-scU5Z8nAWY3zjAdua4cSXnIQ_kK4icWInOkDb6reC1JwuzGx9fenqKKQO8uPxqJnQGooR2A/?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/AVvXsEjljbjXx3jJXDQq7eaUgLtZC96a9Tf4L1MQX5xc-O8CVZ9QUrBF4bNb1DDh-DnPVmCvAFx_QeoS3wAyxgjmxcPh65L64KP8er_Kiy9NygbGwlH_dnGxG1YVurfKdcWV9Qhl71AVaJYe70E/?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/AVvXsEi9fZuoH3h0Oxno4LUaCxLyOiC8EjDgWWnAqjKEJMLZj4tkxV_v9F_7GTh10HKZ2jiDN6ZFRpzm65OEsWqklgjlw43m7F32e3Avgls2gRSAAYjP-xg5x71osEc-xD3RmknJ3iS5RoO6KsJy/?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/AVvXsEg1MxPmYXVVW9dshg8sBcBN_vHJei3fmCpryHYn2dbCbfQRbDi4F3ay9_aNdzPGMA6ffQpIrUu2E40M_l8TxTGLxHhTJDznrb-2etTNQySahpON1_lUgfSNj6yELPDSNvZQ4AVHXwbduAer/?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/AVvXsEiE7PUlZfbpifiURhaGBCmnM8VkW8VTpblMJYlYTw3DHZMuoaYC3uLo0hBwBgGfg4tDAx_nBKro4H7P5_MhvEjnaCL1cGbXDyxSCdr4hTa8fxn8z0gf8xbueuMtVX6XpnERyHleWkkKN-g/?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/AVvXsEjE0uHXr9v0WnkV_lXLUhRucOYhrtI-lQAgzg_KSil8d5mZ-xkrrrzKi3v28e1DH4MBeNU0yagUcxbsk9z_n77sM01JMhOC7861liLFUFGlJY_gpJ-c4FoOgKagtWyC75qMxlr64X5x9s4/?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/AVvXsEgTvq5wNTiICnnsFv9cKz3X3HBfSGXx2DBbPAtmk2ZrNWNhr8Q-9dGCos3cANoAMxaYeSCUmh95lStrr2uGS0qLMri8YJiRzVc428EpS_ICWahyphenhyphen_bo0-50TC0etObURXwHyPax47Egpgjc/?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/AVvXsEipK943T_6Vey_U7xO6WZCXqG-Ge3QF5NoHnfbm4EP0hoZVoWAUqyLAxuOfPxGqY13bNfjhJ1Iy6RNg08z4OyOQpZE0eAB0KP5JUtBMMyTbMnQIvY8vcpnYZIXsRyOl0PR6c9RcqGECL-Q/?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/AVvXsEieLbnGJAxInOaimFmB0iG4o9OjK5b5-1fNecb2MgOl86aNGilx3SsyWOaG0eZ3CnPh6p4FmYlaS2mbMqtR7yPasBFcf76o108VH1xt12JGUQ58ISjZ_DykbVGyvHBxUuFy-KPwEdKQjq6d/?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/AVvXsEg-rAzK9eb7AbXhfOYJfc2cXEzzTstnH6YddDBLlZ57cscwJRibP0HnqgqXmGFZMhnPVaW0yZ_E0uBapkOgRAfdrT-VUUN2Psw2ICdOLsoQ1If6tIIr7n2zMXLAyYazyjYl-qcnzzf41S4/?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/AVvXsEgDldACtcpovRXE4BFUsQeDTaCfYrIQhTbeO1aUnvfEl6d4WRNUpQEECyKrGl0xeOv5CG7k7YO3bAfO9kZx3SRg6iGgyMPSi-T5UmnKwz9XvhJFySBepzEwGB8FPpmpYj3UDyYFivbQPFc/?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/AVvXsEiH0C4HJaUQTNIvfWJFgc18bg-XHZ_K7hGp3ezpqQRpxZ8W9VSCB2GD7sGQEMZx-ltBhg7MJP7PZb_7WZpnOB0lnkGpH_smGVC9V3NnYVH5ri0DUffV-TP9D1pYG2nt6qJM1gHgqrUqY20/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style=”font-size:10px;margin:8px 0px 3px 0px”></div>