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/AVvXsEhBWK5xsKJ5K87E5P24PlWujumn31stE0QB9M3fIo6C_JHWfUu663Mx7lcte7yOXbrU6i0OZzyHsHHapCN53-buOondp8Of_dqAPF0AGnksNRQ-BpQmwnLtocomZSnZlVfgA75jf0uYHHA/?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/AVvXsEisBZwN44YGZu5x_6pLsSAK4CqKrydZohNOXDzpWj9f9xnI9_76EnhQQnxwWvxOuTFX_TZc-xyZp7LL9ggalq5nc6hU4d0S2Rygr03l2qKyK6am92whPoWGcvXyPM6j_haUcOrg5rxytho/?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/AVvXsEihREP9JQeixNXoigXKvL0LmIOvEPqm-LmEkAKJiNPuInD74PtltDf5yx1qP2cVNbad4W3oqhdXouQ9e4_bZsIhtkVV_6OVuftMWwdQpxN7isBa9EnWNh1UTw_CRICI88thhz-0KkwfdRdi/?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/AVvXsEjk5csKLMS7RKyJTt3hlmAqy5JxleGYqryYyHUb7lw27PPzFa3fyIwSToZ1L42wAyth9yKMrgEADbD9F3FCOxYhB5YM6fYS8wAZl5PnN3vb2ktFy9ikGjl9vMcx-sIpvhPcggQxfkHJXG8Q/?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/AVvXsEhfXLm0dcLm9OmUZhetW8iPDjhwknS0oWcRGWl1jsB1dJlAjBPJaAQhWwiUGchduP3hnUeazZDyeQbhNeauAKqC09MUyzVC05V9O14rZaxP9xHhUD6JM4IJ9NsuX4jFsveqGWwuzLDTlGU/?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/AVvXsEhZYdMxzVmuhG-03_B-h2kkky0uwzU-h1sg-mQjwz_HGJxpMewpvTQgk_-BaCvUxWF6VpbuscNxNdIhkHaaTnuvAhPk-Q2ZJn7m8s_wybrdAA3iX-qxBQ88AJzPDtO27EIFppZoXhftM7Y/?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/AVvXsEi5VBpaYeyDOhM_0xthwPbZEfBhxwRHsBtf0MGPVnzcVNqRuW3WC0yd_tIbLZ8xLnla7zFlz_3-YK9n5lxwMQ2YFPsN9RG81X_aI-k8cKx6PmawCOD1kQiEOJd7T-8sklF3f8tqcJalEpo/?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/AVvXsEgPigjsi-rPJEsoY6GedFOzAGkGjHaShTkM-CF36yxmQNEX5KZ8064rhOgEtScjjkx3UJ__lJnenTzxZRZHMB4FWFXq9iuvQA2eiB91HESv4L0VTV8X8DV9TYWucQ86JoFwcxezxr_6DdM/?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/AVvXsEhwYL8OpP7Q5zLqvF2YdvVc0gcZua3T6NJWcUASqL7X0LaFatrvyDGwRkFYxdPoVlzF1hFEFhgxsH4MENQkdSkWinmzcAEaBLkbbuegHjFo1fHkJx4_ZK2_VGXh3O6op-MILdmrwZaVzLXR/?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/AVvXsEjyIfkQbxI_1I6yzAoas0vxAlBuTcRMooOOs72KvrjXIMnGM6_W9LCmdJFtzNdDolrETgriesIKcpqtCbp1Nwbwle1IvANz1g5WEuUPRKDiiLMG5PyIecCvXLae55SFxttnWcDjrl39-G4/?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/AVvXsEjI8eVt46EFWaJtPxF0v8_AD-g5-NugS5gPgjLTB5_bZOZBupHOHgMnEybqzZBEWAWOA-pf5ZkQXZpvWQFhIMUPLhmq7JuiH_FLyguYHClp5wg6hXuS1YLQhbe3TeH7zvrn8dY3z6Y7bZU/?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/AVvXsEgyWbCQVLPcTouPe0_dl3vDGNpsMJijJaS4ktm9UJpvtMEQS0lfjHJ_2MfCRYVyrAyGpWY7H52TQVTikmlQlDk9Y8x8UCEFhp4zXBKZu4zRIleJZM2q98yM1ksFRtN5osKX72oHrN6BqNs/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style=”font-size:10px;margin:8px 0px 3px 0px”></div>