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/AVvXsEh3yY23lSCMR6daohcujK_ecindRMKUEt4_UQn_hT_BJs0Au-skkTuEcy-KTlgkR0VOViw1p1okQRtVEGawkVTzBlPvteHaniuGb1obl6-yWuobPsc6seyuAYnqwVAob_utuXnVkJys3tg/?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/AVvXsEg9KuAu2FlKD2Tqg2UyuAa0Jg2QallkRBSYq13poYVFCqUSC1__lQeEIOoHX7FvkdTnLEbIAkOJ14CxAH91emXf-6VXYi5RQ8lGw_MaQ-PrWpdPBppUwfLyMrxW8i5rkffBUQ0M5DXEnPQ/?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/AVvXsEjr6h_PBomxcWn0UMgoekrxEJJIYaaP7uL-UGsPAirjOUbDHwmLi_kRy2mVWiPezwnnaCAl8qQthApkAtPLZIrcrvzDcdOEG2Gpxi-V2Uigshv-gcV-xYTg6_iMSb7S3QtTcjRwKWdwvFoO/?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/AVvXsEiDnHDhBdx-SsOXS1xNNY6hG8m2EuJR7KJ6Sc95Vce9mpbIg7nTbQMjMItcpO7x2ORcsrZLcyhJ3hXXlIkS9XqD6VyrSNz7Fi6zcyuDAOjJ4K-aFk8eYUyLdkWx3hmqCz_ZUBf9tzbllg7q/?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/AVvXsEgr6L9n3TE8hJfPrY5NE9BO6To3RODTzs44OsqQD_4RY4S-Jiqf4F_z_Ep1Rd9QfLdBMKUiM8_WzUxiYBC7WbPZlqMH6mkkJCGq4F8R09Of4w1OZXacef9HXfz_w6yXVKe_Q1jm_8-fdrw/?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/AVvXsEhAMEQlS8FJGOOsQ2mRbFcyy5Haa49Z75wcWVvq6FFX9fk4vyGTkTh8nhnFyGy_nvubjEmvrdjyLILFCcQkx_9EhDLi8ew4LqLa-dGuQJcewf7vwRnKsd7kW50x7UbRwYHgG8RwO2nwJ7M/?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/AVvXsEixN-2P_MzSuBAwFi-DV-M7WjAobkxWeYlpAtyjhiiOyIW0u4KhVZ0UxH01BqhsmXKeqcRb-6QhdmpJIkY2xPi4noRnA4jYRVv26NctWE7qVE3BTEUM0cuUuwiEuZv_bUdLCA0l4ZcOx3w/?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/AVvXsEhG9si6SpMWN-j6QE0Z-H6dulCEgdIUUFAv0K_TN5sSn6xJK-Za8_7gytO6tlyffrHPomcwG0r7YB3uFEkjNFZtnsAttzgZCiWbgNEtNllWD7RBL2In590Pk8sZsP7JQeNLVp9B5RLr66s/?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/AVvXsEiQZTaMrsWEdG18DgvQoluI_rDRtUV50X8JyQyl0LDTYYrIIPN9GZRIspp3AqGF6ZcFb6DLads7FX5ozXZSiu9KHwBi5Xbx-VPMvZBJZf24T7yyES73MG4GirkFIIpJieCyj_lpxkIZOw7w/?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/AVvXsEieXzm5WXYAljcwDqGmqwbKv3PPAhaKghsHHNYJWSgP7d1lFn9NChQLSsV6ub7mgh40I-EP4oXiVilraOPWkagA-mbTc6iiRX2FHqPCWz4F77Brd3aW-ant48Uof9rWEiFtUWvaPb2JNL8/?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/AVvXsEgr4Dvg6kT3didqDVZ4Oht2MtoJbBvKF66ekdV7wOngauJEmm9RP9muNpxJUundSQbjpL-Xby7DD-kVeQvfr6WXqDosEWr1eAVz5h3tVR3a3bJVHxfkfYSlVWEwSyMEeBoFZ6ZN8DOlyWo/?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/AVvXsEjJzPVBkA0R9-vaFlkYM7aIhv04pu-4WFGHeEtVLJLSRNK-qVZSIWuUvh_nAbsH9soyosBEPXfgWL327DBgyh4puFxOeSqnFu9o4O7wfvrK5oSnKiQPKHJlDisrFd5El_KOCAfLI_GOQZ4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style=”font-size:10px;margin:8px 0px 3px 0px”></div>