Traductor para Blogger


Cuando una página gracias a su contenido comienza a ser visitada incluso desde países donde no se habla el idioma de la página, el tener un traductor se hace algo muy importante para que la página sea aún más accesible.

Desde estas página podrás descargar los códigos del traductor de Google y Microsoft:



Es muy fácil editar el código del Traductor de Google; como sugerencia, en el paso 3, haz que se muestre toda la configuración.
 Idiomas de Traducción: Elige solo los idiomas que quieres que estén disponibles.

Modo de Presentación: Al gusto de cada quien.

Configuración AvanzadaBanner de traducción mostrado automáticamente a los usuarios que no hablan el idioma en que está escrita la página.

Esto hace que el traductor se active cuando detecta que un visitante no usa el idioma de la página. Se muestra el traductor (banner) en la parte superior de la página y permite que el visitante lo desactive en caso de que quiera ver la página en su idioma original.

El paso 4, muestra el código, y solo quedaría ubicarlo en un gadget HTML-Javascript.

Puedes agregarle una imagen .png como la del siguiente ejemplo; las imágenes .png de las banderas se consiguen fácilmente en :


Ejemplo de mi código, en verde el código de la imagen de las banderas:


<div text-align: center;">
<img border="0" src="http://3.bp.blogspot.com/-RzGJKXs-IuE/TqMZFzbXNmI/AAAAAAAABNc/jcPhG1mIb9s/s1600/BanderasCharkleons%252Ccom.png" /></div>
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'es',
    includedLanguages: 'de,ar,ca,zh-TW,ko,fr,el,hi,en,it,ja,pt,ru,sv,vi',
    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
  }, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Ten en cuenta el lugar donde vas a ubicar el gadget en el diseño, por ejemplo en mi caso, no tuve necesidad de asignarle una alineación, solo la agregué para la imagen que está centrada. 

Espero que esta información les sea muy útil.

Gracias.


Cómo se coloca un traductor en blogger, código del traductor para blogger, páginas para colocar un traductor en blogger, código del traductor de Microsoft,