Google Translate Flags Widget For Blogger

Add This To Del.icio.us StumbleUpon This Add to Technorati Digg This

Login To Blogger Go To > Design > Page Elements.

Simply add a Gadget of HTML/JavaScript type.

add this code in to it:

<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=auto%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPf-9IDDKLk59VumSBwtCZhofNRmsqPXvRsXsKdaV_SPIYtm0OfZyEgU8KuOBrp5xDcZzEmz-eImQWyDF5O0hdKh0-p2Fm8eN3aupW-kJCVGswsPx_bW8YMYVI1MJk9tniUn6Mv4qoWIw/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" 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=auto%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPkCOuJ55QeTti764fiTLHLdajpZ2LvCX6R48S2iHKi1FijEcgUByxhXd63WOmZsYtKw6r7RKGwRqlAK8bWL9FVQYrONGb3yjnC7P1zNaU7SOfrb90cHrlq106f4eyioZE7ktJ1mYSnhI/s200/France.png" style="cursor: pointer;margin-right:8px" 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=auto%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7VdoCCsAL5aqmp23TYfc9RC9Y0G3N5GHXoX3mONFwMQXHhUiJUXytdcH6b0LArqUQ655o716kiAIpvQx5GJQ8NiXijyEeLDIUuUIcY0A6wOd-q1iJcKqKPLD9BrjzNQMg5jy6msi1sjY/s200/Germany.png" style="cursor: pointer;margin-right:8px" 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=auto%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw0-gavrbeDp051DbLMO2VLmOXtiR1QcreFK8MLywnyOfkYxnn9zIodS3eNDrQsdasQ6y4HY3pHE3xAH0VO6MXTSsNxXUbAN-TbxHA8b4ZPfRamBEl44QLByxjmc3f9oP8E2Fn5wyYA18/s200/Spain.png" style="cursor: pointer;margin-right:8px" 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=auto%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqlXaMgYUEb0VVCUL4zEHRwTtvhw5L_yOuDl5axh-XwxzPveB-_vaG4nlKSCTGBhZKbglrMriJuVrnBBfxI-iZjLi7Zgq3NBjlNtFGx4VyXFXCfPs4l3n0Zw2KqHgPAKH3_Ekk_LU_DmM/s200/Italy.png" style="cursor: pointer;margin-right:8px" 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=auto%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC-jpas_ORh6lX_yBYTkJGIRQs7o4iPIPCcMfDY75zHZw8XvMJIoWD3igwfvvnzlpdsAMGWdDx6cP9NnKJt79hW5RNQ8O0P2F-Gdq33rQCehfl2SJBWV5Gz_f7WnSmyZk0JMNWcxsQbL8/s200/Netherlands.png" style="cursor: pointer;margin-right:8px" 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=auto%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiySzWsTfnaWzoF1tkIgNZd4Fb48MJAo8wiklWvC3nY7ts9NoYp-1gXWAPzHSV_dleiCFQ-v16kxhaKemGdJiTAOQ4kGz8iKTDgGrieKAhDk0a_PcihdnVVrdfLnYi3XY_qVjiCdkWQefk/s200/Russian+Federation.png" style="cursor: pointer;margin-right:8px" 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=auto%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKWuEni1pwKIInEXlSrtnNfqjGthg943vPGuQvHaEe-047zvEn73DbXPoRWmhJ3g_eo1ma9u7OVi-JWZ9gVC3F_eKHuMms8S03VW4nItwtE_6VJX0x3dpoSugSBD5nJxMzb5rdwxXaZeg/s200/Brazil.png" style="cursor: pointer;margin-right:8px" 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=auto%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMjsl6pHSvEE9tv4HfOv7JIxFqdqtnRe5b9D3hF_daXX2Dfca8Qy3YhsW7TBJv43Y8lyaakTzU7yQ1mmOizTcdycXTIFJEHsgIkxPW4WhDKEicZKjjyMb7mzTtnl9QJAGSfcyC5bA3x6Y/s200/Japan.png" style="cursor: pointer;margin-right:8px" 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=auto%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKh6Oktiy8xh5n4BFyjtj2-14ePhigUufJhGWUqdGZfUXaX_GQKd1L8AD9i0zL7_pSGFpls7YsmCb8kCMJ30wcvEWsLto-L1IRPOBlDY5oPG_YloOdAyZYzo24ylhaHklDcm5nTEOeVvg/s200/South+Korea.png" style="cursor: pointer;margin-right:8px" 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=auto%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbWbxko67zN1yo97_jCpH7A4harmy4cqOScx8baJhcZxWboRvP2NN1bGPSwDqFqXNo911nzKO0TWA3CLXGkwHiWFBiVM8OzqlH5Ik41Q8s-oAw01-BjOATbH3D34UPrjhk1lI94-O_4Zs/s200/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" 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=auto%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUvaPYeq8FQcG-dD_BXPOA3-6H_ZBONxiUPMY-pmk-1BN_fOw9l99OwAVNH2XlUXhX0yKJLHMQjBtnbQMiNb5R8JsB7YHV5CxCpCC0EYJ7eTJVw4fpxFUInF3AkQXpOi7E75ERSucEF7s/s200/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a> </div>
<div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px></div>

Now click save and you are done.