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/AVvXsEhk8-m8UO5cEWI9k0TbC8aTe1UpbHhHP588jDP6M6SFWqj58MWABIm9HzCf1GKjN6Dmy5Xg1PSb1jjibMivsiBdP3oektELnXP6G9KkQSwtsFb8p6_hMSSUHb1NEYzKvygLHX-ny2cIRa8/?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/AVvXsEjj_3AqhyphenhyphenCeBbZpynUNqSbzugdoFyoOaB1EPU0oDm7Rc0tXDnXx5zu50lTWcKx7nYGVKZZyMHWd_WvOGRkMrp2L1RzSzlZZEIXf-Wj6h6UiZeeeWliqs2okoW0l_y3uMWW7-2a1agftaiM/?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/AVvXsEiDzju0xgAZMVsJwTObmz2qc5qmwlkEjdtDAh6u4endu2F2r4UfuC-ntujLlWYSwCp0Kpu9ilZjF9_XSjv-i36ho4zefRXSo6nAXvCW8J91Rhu5dCE6wn3D2Gek2FVvdAAYzYITslHVjaOg/?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/AVvXsEi9TFYreEk_uLJ19-1Kgkd67wKI34mNv3DimgiszB0MawBcK9AZRbrl9j6UNJMqYwuO_ET56SiHIcDifsl2HIxO-Mr-AUQKj-uN4SNAHSdomXMJe93-cMJWiXZQmumngodDgA95iRBUxXTi/?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/AVvXsEhlB4rNVYo0IDlnB8SeVesbWMWwEXNTfd6RHDrYpa5Y_9TbBcEBRFo3SCVzRXmZH5x83m2JB-LZOZ0UU59bD7PUQ_ib-tMhtlEI_EE8zBidkAckSzyQJ1ywnsE0ORjP68iico4oy6W9O9o/?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/AVvXsEhthrxreqvyd73wL-8dNSMO0h7AztwBcnGJ9sG8HUieNJJ1kapUAkkn39tRSFqOni5HTe8RjdVOKYG97Mk7lBf444wGmeFHaP_uqQFcI_Ps8z5VT9Dvm-Vix30X-VyX0iDPeUWJh_TzJMc/?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/AVvXsEgpduZXw0ycM-uA_0bU2jJP5Z31NfL-xJ773IOERUPohJ4JKYelCWL3Md8q599aoNy5EnI8raeRhHFiTmjwFjx23oqg0Vof1gOPDCpeqzNeyusvAbQwO_mjRQtHPjGBvicLG0h3LT4_meI/?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/AVvXsEhwZBHOqwHZn7dZKs3J9LyP8Iq7hHdzTDijDz2eQ_BzYXimvK6A3zJ93f6waM077d2xNRizFPNW9oBSa1XMl28K9qD7jeNpBhaQP9KQDZvLRhGfZzl5ggt2-8slWSp0t-_sdKJ-l1IA_yI/?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/AVvXsEhAdxnxvXOeJpK8CYzykVvyb_znTEy423HHus6TON8hmzBQZLTnkJZUp7Ab7gSjd8lRlWAldZPubBi6BViriPFXtMseYAdCuwCoSq5jWUoqmC5Pe_FnVdZrqXIst650uLzLJK7jEjaTILlg/?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/AVvXsEiMbANVnbe3mM_fRrr1g3W-7Yn_8jqJNchXXVxPSV0ztadDzUde_4ZheNBWhy8j8mzEuJzBXTmTeHETNgH-d2ga7JW_hLxL10bPCu4nUY0irqbXfgepyaa0BVxZ-cd72FC37_5EdLWZrJE/?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/AVvXsEgqbSzTjH0RciuYT49L8msmofImnJmjJFidrmmpeMBGtqj76U6g6SS9BQNCdt_ExyIfJaV9P5e3HTvytvKbeYIiK76S5-SeC5Df27CxzUP8QNyO-HyTwYJTNj0_f2NACBR0vI6a2ETl8VE/?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/AVvXsEh88yzYlKqgIqCxsUqJp6tHEZIEneQDbKwvRRGWOdVi2UyuEPmqDKUzxmcmg4CAxHhic0_8CarDev7zC60cSF0M4-M_LGgBMS125JfiB7psU0braFMweWAOI4Q7lgOms68jl4F8rX1LghQ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style=”font-size:10px;margin:8px 0px 3px 0px”></div>