Traductor para Blogger con Banderas

Este tutorial consta en integrar a Blogger un traductor con banderas por idioma, este traductor es mucho mejor que el traductor por defecto que trae Blogger, aunque trabajan de la misma manera, este es estéticamente mejor.

Este traductor contiene una lista de 12 idiomas, entre los que se encuentran:

• Inglés
• Francés
• Alemán
• Español
• Italiano
• Holandés
• Ruso
• Portugués
• Japonés
• Koreano
• Árabe
• Chino Simplificado

Vista previa del traductor:


Primero, vamos a ''Diseño/Elementos de la página'' en donde agregaremos un Gadget:

Buscamos ''HTML/Javascript'':

En donde pegaremos el siguiente código:

<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/AVvXsEiQkEIi3u1_7gZXEMhf053c5KLQnfxR2Rdej3BU5vdzYnzIDyoui4qbZlDakyt9lGvskcLWzL5y-j3__dtwbPRTGWneUOGENgAQZcAoIIaR1TqSHvtV6wPqIX6lwzqHk20d55pjSX0-_-o/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/AVvXsEj7HJg_GP3RLC1spno4J3bkkBSFx_iZslHP_5klbo7pcxqVxw4ffd5vUj328Z7stEC3fi9bGTz7aYdEeRed1nPFdvxf2LpaMrAt-FXbwrzyrunaJ9fXHJhUJmWU51w_lEVGi34rbC0N5iU/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/AVvXsEj-_5IbbAWHHfpIMivq6xLLHSqTPW8KgsYMgcx3jzj7L97W32f4T9alWZhyphenhyphenk2EVY_TZAD4OTfwhqa9PNTTdDqIL5ZslhbqY1INl9L3a8vhslNwfmjDKjamIWd7qt-rR_Z7nrJ1XERPq6c4/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/AVvXsEiFz0Sm-3l4J1-tHjmCR9PIiOIAhhPGxeSWTf0Qoa389mU3h1qVTN_PzUP-m_JxAmJQHJD1AMT1W4SdrHHqqq0Rb7RkcioCx3oo8WVcHOdj4kaxBGrvH_BOS-Ov5UKSxOr1P4lYvgQWD0U/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/AVvXsEhvGOJVF3XvnD0qzpKw4qsMG9y1QSpJfTe9VYcbbLfz4ioVawIKa-u_vXEXDywACwkO8_CgICJWuasEHUaeN16iEpOjbip1n62kmJYzs_XYXaLdoC6eXZH3Y8fySI5cD74UY_c3e1miHfE/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/AVvXsEhyOvn7vf2voXnVuHm1xDgfihia4dGTGARy6lsVZ8m-WwE7bRBf906tkVZrxZ8GP8aQOiqgVLoA2FqS26C38_Ner9zK7XBKRmH6_I__BtrohFsnBnNYMoyYSRbF8yU1ALRC75Mz3Drlf8o/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/AVvXsEhTGQYR9K0iUdtB8pgzG9d9a3XCvQK9CfJ5a6rJf0W5sNpB4NrtonscS5mdiicq7TcPqC1fT18qx62wX-2VmouPZ2iBUwPitk2Zc4d7rq5_mHWKmFhOovNG7AF7vvs-5GRTV0UA0unJmBY/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/AVvXsEiwSAwMySuR4nVmadE0vjthYhGB9TNJeW5IWIBmmTs_f8x5B2cFl8rh8hf7qapNZdhmpLgmcp1bNaSbhLdDUgapMb-a6NtodCdIRotTEwxBsX1OeZRFYMW4Tjwzy5Wl0sYpw2yHfEx_7F8/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/AVvXsEjZJzqJmCdMe8iJv4ePLOKWXDJvuTDgfNi2z7UR3m7BlyR35FLmOBi1V_kDLhOEs8UgD26aB4sdtGDoaIXpQZih5X-kiWwFfEZUxAEdpREYDsp0gbcoGw68vNmvD5rTYQwPQQc1QmxT164/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/AVvXsEj1D09t0VpXnMVIjJtYE8IdkTayPP29x6FAUFbvmZTU26DGIKSFJQiX1LjrgODS8Vk6Q5-LX-NS7mGF_wpnf43DCpwYQ454F4IX8vVV7k5k-p0BJfM5Z9PCzhJfshtMgyJtMIL_JFfGFfk/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/AVvXsEjONWuzJ4RWx89-FamTkP1rCIKmkVcl7kGX4fFLLqBMapBa2jq3ONK8m9kHmVyCbhJ09Wp0x3bC_GXVxpUY6KPxxZ-AD1QrWqAwM5v-cVidXAbVkZbZGTIEgoPJsA6hurMCsT6E4fS0MWw/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/AVvXsEgIfI_Req5TGgFDAxYuiJETae4_UUyRA5jZdTJr3H0BmlExcefQK98wqkJtIlhch_ZCcD7hRPbxEhf43fgKmQhhK2TIyk3IiCGVLToOLW6hFAxE3SULfosIz0G63DObxlJQDxPdNiBNu3M/s200/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a> </div>
<div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px></div>

<br/>

Guardas los cambios y listo: