-->
Traductor para Blogger con Banderas

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:

¿Cómo obtener este 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:
Artículo aleatorio
BuySellAds
BuySellAds
BuySellAds
BuySellAds
BuySellAds
Artículos destacados
Insertar Infolinks en Blogger # - Insertar Infolinks en Blogger
Solucionar problemas del nuevo editor HTML de Blogger # - Solucionar problemas del nuevo editor HTML de Blogger
Cómo obtener la primera imagen del post en Blogger sin Javascript # - Cómo obtener la primera imagen del post en Blogger sin Javascript
Habilitar los nuevos comentarios de Google+ en plantillas modificadas de Blogger # - Habilitar los nuevos comentarios de Google+ en plantillas modificadas de Blogger
Vídeotutorial: Crear plantilla para Blogger: Introducción a los códigos esenciales de Blogger # - Vídeotutorial: Crear plantilla para Blogger: Introducción a los códigos esenciales de Blogger