Te propongo la inserción de un sencillo código que a partir de las imágenes de banderas de distintos países, permita a tus usuarios seleccionar el idioma con el que desean interactuar con tu Blog. Cuando tus visitantes seleccionen la bandera deseada lanzarán una llamada a Google Translator para que se traduzca la página que estén visualizando en ese momento.
Si bien las traducciones automáticas distan de ser perfectas, ofrecen un entorno más que suficientemente amigable para el visitante que puede encontrarse "perdido" con el idioma de tu Blog, no ya sólo por el lenguaje sino además por la propia grafía que maneja.
¿Qué vamos a hacer?
Vamos a incorporar el código que te proporcionará el siguiente conjunto de banderas interactivas para tu Blog que traducirán automáticamente el contenido que el usuario esté visualizando al idioma de la bandera seleccionada:
*¡Pruébalo! es interactivo y te mostrará el resultado aproximado de cómo quedará en tu Blog
.png "Google-Translate-Spanish to English")
¿Dónde puedo colocar este código?
El código que "dibuja" las banderas en tu Blog puedes colocarlo donde desees. Se puede integrar tanto directamente en la plantilla para que sólo se dibuje en el detalle de las entradas como en una barra de menús que se encuentre en la cabecera o un lateral del Blog.
Explicaré los pasos para utilizarlo manejando un "gadget" HTML/Javascript que podrás colocar en la vista de diseño donde prefieras.
Paso a paso:
1) Dentro de Blogger selecciona la opción de menú "diseño" para que se te presente una página como la que te muestro a continuación:
2) A continuación, en la zona donde prefieras de la vista de diseño, selecciona "Añadir gadget" para escoger el de tipo HTML/Javascript (en la ventanita que se abre en la pantalla que se muestra en el inferior es el tercer Gadget de la lista):
3) Ahora te aparecerá una ventana en la que podrás introducir el código HTML/Javascript que "dibujará" en el Blog el traductor con banderas:
- En la caja para el título puedes o dejarla vacía si no deseas que se visualice un titulo encima del traductor con banderas o rellenarlo con el que prefieras utilizar.
- La caja de texto "grande" justo bajo el título, será en la que tienes que copiar y pegar el código que te proporciono en el siguiente paso.
4) Ahora copia y pega el código fuente que te pongo a continuación, dentro de la caja de texto grande de la ventana que se te ha abierto al añadir el Gadget HTML/Javascript:
<a href="https://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXXXXXXXX" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Czh-CN&hl=es&ie=UTF8');return false" rel="nofollow" target="_blank" title="Google-Translate-Chinese (Simplified) BETA"><img alt="Google-Translate-Chinese" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-lp843YLFWe7hiLTK_E5AN1y3LgBO86qtJv8jf8wsx41JaCRLO454fMGVWuZLgxJGh7VinGitaXz-60PLqpJzGamgd06PRZAk7mfuzSjiVZuq-Tn01THmzfh5eWeK8k9lQ2AYboFaeg/s1600/China.png" style="border: 0px solid; height: 32px; width: 32px;" title="Google-Translate-Chinese" /></a>
<a href="https://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXXXXXXXX" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cfr&hl=es&ie=UTF8');return false" rel="nofollow" target="_blank" title="Google-Translate-Spanish to French "><img alt="Google-Translate-Spanish to French" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ4O2mhJ0dy5NHr3FqRuc45rXmJuT9BmzOrJwZ4V7F1fHFGQYNE4weQ8lNa77xK_ZN-E22b4mwy1rw3Tm1HmHG5Bs3aY7WnHvsQ-PLnaiv8uY1OkXampV84WRg3YVmYO18OGxa-scmEA/s1600/France.png" style="border: 0 solid; cursor: pointer; height: 32px; width: 32px;" title="Google-Translate-Spanish to French" /></a>
<a href="https://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXXXXXXXX" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cde&hl=es&ie=UTF8');return false" rel="nofollow" target="_blank" title="Google-Translate-Spanish to German"><img alt="Google-Translate-Spanish to German" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLF7LwHt63XJZ8PWmCfEs4V-G5ZxrO9bf4dtcwUuTjKy3ClDfbUnq2DMp2IMFZ42xdbx6TETJblPjOV0RS1Pksjh6Nejed7_IzSNBcfIUbfrS7f-jmQ7J7qOY_XQFrDKQBUWmbpKo3YA/s1600/Germany.png" style="border: 0 solid; cursor: pointer; height: 32px; width: 32px;" title="Google-Translate-Spanish to German" /></a>
<a href="https://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXXXXXXXX" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cja&hl=es&ie=UTF8');return false" rel="nofollow" target="_blank" title="Google-Translate-Spanish to Japanese BETA"><img alt="Google-Translate-Spanish to Japanese" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY1vAmzJg6P_jRyAsLaPCRAu8pqPNIw6EVpM2mydpzAsYgEZFrAXqNK5hmMzBvpITGyEediQH4jAFbs8_x1r5OZGt_u41p4A9CBVDrnEsLqXyakcfbWNiqGtnTYQH_w05g9aNd2sGCFQ/s1600/Japan.png" style="border: 0 solid; cursor: pointer; height: 32px; width: 32px;" title="Google-Translate-Spanish to Japanese" /></a>
<a href="https://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXXXXXXXX" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cen&en=es&en=UTF8');return false" rel="nofollow" target="_blank" title="Google-Translate-Spanish to English "><img alt="Google-Translate-Spanish to English" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6qJSNfiDJpQcvexcMX1a7AfEoN-nlk9gWVW1uljo-h0igGtwKAMlgUf6_BGZ6NX1rv4YWkqPbsYQ662X21Po3yrippgRMEdDsv3vFBLgWs3a2SMRFXeNkZRSmqKBzuenSIQygwrrG5A/s1600/United+States+of+America+(USA).png" style="border: 0 solid; cursor: pointer; height: 32px; width: 32px;" title="Google-Translate-Spanish to English" /></a>
<a href="https://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXXXXXXXX" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cru&hl=es&ie=UTF8');return false" rel="nofollow" target="_blank" title="Google-Translate-Spanish to Russian BETA "><img alt="Google-Translate-Spanish to Russian" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYfTAj_XmO5fCldi177DE3rh8CR6sM7DDF2D0imW_kbseLfoW8Oz3yrJnZngqmLYKum6XnB1dDgDKkUYf_CjObR7lUPn-OTuU9mUeF7xUF3RyGxoURLvlYXiWb05jDAovY6oyIZDj6lw/s1600/Russian+Federation.png" style="border: 0 solid; cursor: pointer; height: 32px; width: 32px;" title="Google-Translate-Spanish to Russian" /></a>
<a href="https://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXXXXXXXX" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cpt&hl=es&ie=UTF8');return false" rel="nofollow" target="_blank" title="Google-Translate-Spanish to Portuguese"><img alt="Google-Translate-Spanish to Portuguese" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtwv5YWlMQNQGgeWB5SckZCoqK8AokyDrVzX9-vrSFKUHPyLYpwVI1DTQM653MkASi54PXUHEUF4KeD5CetK1O_-0AqLt7Qg_lgkB68EdbXI35ErtoxnMAUzbz9cAkfIs0J41rC56XMw/s1600/Brasil.png" style="border: 0 solid; cursor: pointer; height: 32px; width: 32px;" title="Google-Translate-Spanish to Portuguese" /></a>
<a href="https://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXXXXXXXX" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cit&hl=es&ie=UTF8');return false" rel="nofollow" target="_blank" title="Google-Translate-Spanish to Italian"><img alt="Google-Translate-Spanish to Italian" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5nldipAcLpyFK8uXtw2fQ_Uc9ptC4ZRzUxhNd3fVYqi1aFwN5ygwuVFhPpm9p2nk7z50BGbMGF1Nw6vM82YvMC6OZVh0zGIgTfOkakoBeuGtpadsnw7uX19X6bz8oGKDnAFRw6WsnQA/s1600/Italy.png" style="border: 0 solid; cursor: pointer; height: 32px; width: 32px;" title="Google-Translate-Spanish to Italian" /></a>
- Cada conjunto que va desde <a href= hasta </a> de cada color, es el código necesario para llamar a Google Translator en el idioma del país al que corresponda dicho código. Si no quieres todas la banderas, simplemente selecciona el código de aquellas que desees utilizar.
- Si necesitas utilizar el blogID, que en el código aparece en cada bandera como blogID=XXXXXXXXXXXXXXXXXXX , dentro podrás introducir el identificador de tu Blog. El "blogID" es fácil de extraer, es el código de 19 posiciones que se encuentra en la barra de direcciones de tu navegador mientras editas cualquier entrada, puedes verlo remarcado con el rectángulo rojo en la imagen inferior:
- Si quieres que queden centradas las banderas, puedes poner en la parte superior del código con todas las banderas la etiqueta <div align="center"> y cuando finalice todo el código de las banderas que hayas decidido utilizar lo cierras con </div>
¡Eso es todo!, ahora colócalo donde prefieras en tu Blog.
Qué chulo, me lo apunto para cuando funcione mi blog
ResponderEliminarEstá muy bien, funciona muy rápido y el resultado no es malo... me alegro que te guste. Un saludo Conchi!!
EliminarExcelente y como siempre muy bien explicado.
EliminarGracias Victoria, me alegro que te haya gustado. Ahora a disfrutarlo. Para cualquier otra cosa aquí me tienes para ayudar. Un saludo!!!
EliminarUn muy buen aporte Miguel, además ayuda al visitante a identificar su idioma mediante la bandera de su país. Compartido en G+ y Twitter ;)
ResponderEliminarMuchísimas gracias Jonathan, todo un alago proviniendo de un auténtico Blogger como tú. Que sepas que sigo tu http://www.novedadblogger.net/
EliminarUn fuerte abrazo.
Gracias por el apoyo Miguel, aunque no redacto mis artículos tan bien como los tuyos, siempre trato de mejorar.
EliminarSaludos...
¿Estás de broma?, a mí no me parece nada mal como los tienes. Lo que me gusta es que lo vives como yo, te gusta ayudar y así es como se consigue que todos podamos progresar.
EliminarA mí me encanta un Blogger que se hace a si mismo desde cero y sin duda tú eres uno de ellos. Me gusta tu humildad y el cariño que emana de los consejos que das. Vamos, para mí eres un "tío grande", como diríamos por aquí ;)
Digamos que a mí no me gusta andar con rodeos y prefiero "ir al grano" y explicar detalladamente para una buena comprensión del usuario :D
EliminarEstá claro. Pienso que depende del post. En estos de esta semana estoy siendo mucho más directo que en otros pero porque requieren "poca literatura". Cuando más escribo es porque me pongo en "la piel" de alguien que no tenga idea de informática y procuro que se sienta lo menos perdido posible explicándole todo lo posible sin dar "nada por hecho"... depende de la temática.
EliminarSaludos amigo Jonathan!
Tienes razón Miguel, siempre hay que "meterse en la piel" del usuario que poco conoce acerca del tema para una mejor comprensión de lo que se habla. Un gusto haber charlado contigo... estaré atento a las publicaciones de este excelente blog tuyo.
EliminarSalu2.
¡El gusto es mío Jonathan!, un placer hablar contigo.
EliminarHola Miguel!! Ya me lo he puesto, y queda fantástico!!
ResponderEliminarGrácias por compartir, saluditos!!!
MAR
Si, queda muy limpio y claro. Me alegro que te funcione y te guste. Muchas gracias por participar.
EliminarGracias! Acabo de ponerlo en mi blog. Un saludo!
ResponderEliminarMe alegro mucho que te funcione. Cualquier cosa aquí estoy. Un saludo!!
EliminarYa tengo banderitaaaaas. gracias
ResponderEliminar¡Genial Dámaso!, me alegro que puedan servirte. A disfrutarlo y cualquier cosa aquí estoy. ¡Un saludo!
EliminarMuchísimas gracias (en todos los idiomas posibles) creo que me servirá y ahora mismo voy a ponerlo en mi blog. Un abrazo.
ResponderEliminarSonsoles
Me alegro que te venga bien ;)
EliminarCualquier duda aquí me tienes. Un saludo y muchas gracias por participar.
Gracias Miguel, por todos tus aportes. Sinceramente no me daba cuenta de la importancia de agregar un traductor, (aunque no sea perfecto), pero como dices para que el trabajo sea amigable para todos los lectores, y no nos encontremos con la barrera del idioma. Muchas gracias por el aporte, ya lo he instalado, e incluí el ID con cuidado, espero haberlo echo bien. Saludos
EliminarHola Andy,
Eliminarme alegro que te sirva, aunque como bien dices no es perfecto si hace más fácil la comprensión a alguien que necesite leerlo en otro idioma.
Cualquier cosa aquí me tienes. Un saludo y muchas gracias por participar.
Cuantísimo me ayudas sin saberlo Miguel!! mil gracias, me pongo ahora mismo con las banderitas
EliminarMe alegro que te venga bien. Cualquier cosa aquí me tienes. Gracias por participar.
EliminarTengo un problemilla, por la configuración de mi blog, me sale una de las banderitas en la linea de abajo. ¿Se pueden poner los iconos más pequeños? Y si no, ¿Que banderita quitaríais?
ResponderEliminarMuchas gracias
Al final ya lo he solucionado, aumentando mi plantilla 20px, que han ido a la barra lateral (no podía quitarlo de la zona central porque se me descuadraban las imagenes)
ResponderEliminarGenial, me alegro que te funcionara. En caso de querer cambiar el tamaño de las banderas les puedes poner width (ancho) y height (alto) para ajustarlas a tus necesidades.
EliminarUn saludo y cualquier cosa aquí me tienes.
muchas gracias me gustaria poder poner la bandera del reino unido si es posible
EliminarHola, es la misma que la de USA pero cambiando la bandera. Ponle una bandera de UK y utiliza el mismo código. Un saludo!
EliminarMuchísimas gracias, m ha encantado el post, tus explicaciones y espero ponerlo pronto. Pero antes, no se sí podrías responderme a una pregunta: los blogs que ponen una pestañita versión en inglés y usando pinchas sale igual pero en inglés, sabes sí se redí recreció a a otro blog escrito en inglés expresamente para ello? Ej. http://invitadoinvierno.com/verduras-legumbres/coleslaw-o-ensalada-de-col-americana/
ResponderEliminarMuchas gracias sí puedes responderme y sí no también porque tus posts me son de gran ayuda! Saludos
Hola Patricia, encantado de ayudar.
ResponderEliminarLa traducción correcta es preferible realizarla en páginas similares con subdominios distintos marcando la URL principal en el idioma de origen de la web. De esta manera evitas el contenido duplicado.
Por otro lado, suelen crearse enlaces que no recurren a la traducción automática pues aunque cada vez va perfeccionándose más, aún dista bastante de conseguir los resultados de una traducción profesional.
En el ejemplo que me has dado, no han utilizado subdominios. Han optado por utilizar una solución con hosting propio en el que han creado una "carpeta" o directorio /en para poner en su interior la misma página traducida al inglés y no detecto en su código el uso de traductores automáticos.
Como comento en la guía, la traducción automática es de uso puntual, sobre todo para una buena traducción es conveniente crearse páginas a parte (preferiblemente en subdominios por idioma) con la traducción realizada "manualmente".
Si tienes cualquier duda al respecto o te estás planteando cómo hacerlo, pregunta lo que necesites y trato de ayudarte.
Un saludo y muchas gracias,
excelente!!! gracias por el aporte... muy útil y uno no piensa que cualquiera en el mundo podría llegar a nuestro blog.
ResponderEliminarGracias a ti Daniel, lo importante es disfrutarlo. Siempre puede darse una visita extranjera aunque es importante ver si es nuestro público objetivo o no para tomar decisiones de si merece o no la pena utilizar el traductor. Depende de las necesidades de cada uno. Un saludo!!
EliminarParece sencillo y muy estético, así que lo voy a incorporar.
ResponderEliminarAún así me faltaría una bandera muy importante, la española. Yo vivo en Catalunya y empecé el blog en catalán, mi lengua materna, pero veo que la mayoría de los usuarios que me visitan son del resto de las comunidades autónomas, por lo tanto me gustaría poder incluirla también. Podrías ayudarme con el código fuente que me falta?
Un placer haber descubierto tu blog.
Saludos!
Claro, haz una cosa, escríbeme a contacto "en el menú en la parte superior derecha" porque no puedo pasarte código en los comentarios del Blog a ver si se puede sacar.
EliminarUn saludo!!!
Buenas de nuevo Miguel.
ResponderEliminarA mí no me funciona bien porque mi blog esta en catalán y no en español, por lo tanto me hace la traducción a medias.
Tendría que cambiar parte del código. Me puedes ayudar?
Gracias.
Mercè
Si, mándame la URL en Contacto recordándome el tema y trato de ver cómo podría hacerse... pero dame tiempo que estos días son muy complicados ;)
EliminarUn saludo!!!
Muchas gracias Miguel,
EliminarQué suerte haberte encontrado!!!
Hola, te contesté al correo a ver si funciona con lo que te he pasado. Un saludo!!!
EliminarFantástico, funciona perfectamente.
EliminarMuchísimas gracias de nuevo por tu ayuda, eres genial!!!
Saludos!!!
Gracias a ti, un placer ayudar en lo que pueda. Un saludo!!!
EliminarMuy bueno amigo acabo de cambiar el menú desplegable del traductor por este ah por cierto amigo como puedo agregar la de ucrania y holanda
ResponderEliminarGracias, me alegro que te guste. El problema que no tengo todos los "banderines" pero si quieres, mándame la url a contacto y te paso el código de español a ucraniano y a holandés.
EliminarUn saludo!!!
Muchas gracias Miguel, ya lo tengo en mi blog...tus entradas son super útiles!!. Un saludo!!.
ResponderEliminarGracias por tu feedback Claire, me alegra mucho que te haya servido. Aquí estoy para cualquier cosa con la web. Un saludo,
EliminarMiguel muchas gracias , he visto cada vez que lo publicas y no me había atrevido a hacerlo....gracias ¡ un saludo !
ResponderEliminarYa ves que luego no es difícil ;) me alegro que te haya servido. Un abrazo!
EliminarMuchísimas gracias Miguel!!! ya lo he colocado en mi blog y funciona estupendamente!!
ResponderEliminarLo único que debo hacer para poner otros idiomas?? Me gustaría poner el euskera y el catalán.
Un saludo, y de nuevo GRACIAS!!
Me alegro Hau Bai Gozo.
EliminarPara poner otros idiomas yo lo que hago es lo siguiente (lo hice para catalán):
esta es la URL que traduce en cada idioma:
http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cru&hl=es&ie=UTF8');return false" rel="nofollow" target="_blank" title="Google-Translate-Spanish to Russian BETA
Fíjate donde pone es%7Cru Justo despues de la C va ru: eso es para traducir a ruso. Si pones despues de la C las letras ca te traducirá a catalán.
Cuando traduzca la URL con cualquier de las banderitas, si cambias el idioma en los desplegables que te salen en la parte superior sobre la página traducida, verás que al lado de la "C" te salen las letras de cada idioma que selecciones. De ahí copias la deseada y te pones la URL en tu gadget.
Si te queda alguna duda pregunta, cualquier cosa me dices.
Un saludo!.
Miguel, es posible poner la bandera de Portugal, Argentina y de Gran bretaña??
EliminarSi, claro que se puede... lo malo es encontrarlas a esa misma escala y con ese "look & feel" (la pinta que tienen). Si encuentras alguna, si quieres las metemos.
EliminarUn saludo!,
Gracias Miguel!!!
EliminarYa las tengo puestas. Gracias por el aporte
ResponderEliminarA ti Loles, un placer que te haya servido. Saludos!!!
Eliminar¡Gracias por tan buena explicación y tu paciencia para responder tanto comentario! Sólo un par de consultas que igual ya es demasiado pedir! 1. En algunos casos dice "beta", si agregamos nuevos idiomas, cómo sabemos si son o no beta? 2. Al probar el traducir a un nuevo idioma me desaparece la publicidad. ¿Alguna idea del motivo o de si se puede arreglar? ¡Muchas gracias desde ya! :)
ResponderEliminarHola Ivette, la traducción en tiempo real es así... hay muchos idiomas que están en pruebas. Hay una manera de presentar idiomas más profesionalmente pero no en tiempo real que puedes ver en esta entrada por si te interesara más: http://www.diariosdelanube.com/2014/10/google-translator-toolkit-o-como.html
EliminarCualquier cosa aquí estoy.
Un saludo!!!
Tienes la src de la bandera de la comunidad valenciana? He probado a ponerlas de otro sitio y no quedan tan chulas como las que tú pones.
ResponderEliminarEn Google he encontrado alguna bandera de 32x32, dale a buscar poniendo en herramientas de búsqueda tamaño y el número en píxeles que necesites. Lo malo que no encuentro en Google un comando para traducción Google Translate a valenciano.
ResponderEliminarUn saludo!
Ah no pasa nada. Lo pongo en catalán y ya está. Lo que sí que quería es la banderita valenciana porque es un detallito para mis paisanos. Gracias por el consejo de la bandera lo probaré pero dudo que sean tan "molonas" como las b?.blogspot.com......
EliminarSon simplemente banderas que recopilé de búsquedas de Google, las reduje a 32x32px y las dispuse más o menos igual. Puedes hacer lo mismo con la de Valencia, vi alguna a 32 que me gustó. Cualquier cosa por aquí ando.
EliminarMuchas gracias por explicar detalladamente el truco, es muy fácil!
ResponderEliminarEncantado que te guste Victoria. Un placer ayudar.
EliminarUn saludo y muchas gracias por participar.
Buenísimo gracias por el post y los comentarios, alguien sabrá como ponerlas en la plataforma Ghost? Saludos desde México!!!
ResponderEliminarHola!,
Eliminarun placer recibir siempre gente de allá, me encanta tu país pero especialmente su gente.
Te comento, no necesitas más que copiar directamente el trozo de código y pegarlo donde necesites sea la plataforma que sea. Es decir, no es sólo para Blogger, lo puedes utilizar donde quieras. Lo único necesario es que luego "salga" por un HTML para que se dibuje correctamente en un navegador, pero no necesitas nada en especial.
Un saludo y encantado de ayudar.
Gracias por todo, lo probaré, a mi me gusta tanto españa que me case con una madrileña, jeje.
EliminarGracias a ti, a disfrutarlo. Me alegro que te guste!!!
EliminarMuchas gracias, Miguel!
ResponderEliminarSaludos.
A ti, un placer ayudar.
EliminarGracias !! :)
ResponderEliminarA ti un saludo.
Eliminar¿Esto es solo para blogger?
ResponderEliminarHola Susana,
Eliminarno, es HTML puro que puedes utilizar donde necesites (Blogger, Wordpress, Joomla) etc...
Un saludo!
Muchas gracias por este fantastico post, me va a ser muy util ya que puedo ofrecer mis post en otros idiomas a mis lectores ya que venía observando, con google analitycs, que entraban a leerlos desde varias partes del mundo.
ResponderEliminarUn sincero agradecimiento por tu ayuda.
Gracias a ti. Para analizar bien los usuarios y sus idiomas, te recomiendo esta lectura: http://www.diariosdelanube.com/2014/11/todo-lo-necesario-para-analizar-y.html
EliminarUn saludo!
Miguel, te he puesto un correo electronico.
ResponderEliminarUfff... dame tiempo que ando hasta arriba ;)
EliminarHola. Me eencantó mucho el asunto de las banderitas!!, me gustaría saber cómo obtengo la bandera de Israel, para traducir a hebreo o dónde busco más banderas... y poder traducir a yiddish por ejemplo.de antemano muchas gracias :)))
ResponderEliminarEncantado de ayudar. Buscar la bandera es sencillo, todas son imágenes de 32x32 píxeles. Puedes buscar el icono de la bandera o una imagen y cambiarle el tamaño a 32. Por último para traducir utiliza el mismo código fuente que he utilizado yo para cualquier país pero poniendo los códigos de Español a Hebreo y lo tienes.
EliminarCualquier duda aquí estoy.
Un saludo!
Muchaas gracias!, pero ops! no me resulta es que soy principiante... aparece todo el código... no logro incorporar la bandera...:(
EliminarAl lado del código donde pone src= pones la imagen de la bandera, el resto del código es para realizar la traducción del idioma deseado a Español pero puedes realizar las combinaciones que necesites. Un saludo!
EliminarExcelentes tutoriales, me están ayudando muchísimo a modelar el blog a mi gusto. Las banderas geniales y muy útiles pero en el móvil no se ven, las añadí como gadget y no sé dónde poner mobile='yes', en HTML, como aconseja tu tutorial me dice error de HTML y que la etiqueta debería contener > o />, lo pruebo y tampoco me deja.
ResponderEliminarImagino que al ser un gadget deberá ir en el JavaScript, pero no lo consigo, por favor, podrías ayudarme y decirme dónde o qué poner para que se vea en móvil y Tablet. Mil gracias.
¡Hola!,
Eliminarpara lo del móvil, debes tocar en la plantilla (no en el widget HTML) y actualizar con mobile=yes. Lo mejor para ello es que sigas esta guía para aplicarlo a tu gadget de traducción: http://www.diariosdelanube.com/2013/11/personaliza-tu-plantilla-blogger-para.html
Cualquier duda aquí estoy.
Un saludo!
Mil gracias, es un alivio tener gente como tú para echarnos una mano.
EliminarUn placer ayudar. Saludos!
EliminarGracias, me ha servido!
ResponderEliminarMe alegro mucho, cualquier cosa aquí estamos. Un saludo y gracias por participar.
EliminarAcabo de empezar mi nuevo Blog, y me puse a buscar por internet la mejor forma de tener la opción de que pueda ser traducido a otros idiomas, encontré tu post, lo hice, me encantó muy fácil y como dicen arriba eres fantástico lo he tuiteado, gracias miles <3
ResponderEliminarEste es mi Blog verás que pudo muy bien gracias a tu post. http://boxbeautyblog.blogspot.com.es
EliminarMe alegro mucho Mary. Cualquier cosa para Blogger o posicionamiento, aquí tienes un montón de guías.
EliminarUn saludo y muchas gracias por participar.
Ahh hermano esto esta genial muchas gracias.
ResponderEliminarMe alegro que te sirviera, un placer ayudar. Muchas gracias por participar.
EliminarGracias!
ResponderEliminarA ti, muchas gracias por participar.
EliminarLo quiero colocar en mi web para que sea traducido en ingles, frances, portugues, es este mismo codigo?
ResponderEliminarHola Paula, efectivamente, es este mismo código. Puedes quitarte de él las banderas que no utilices y te quedas con las que prefieras.
EliminarUn saludo!
¡Hola! Muchas gracias por compartir este tutorial, no hay ninguno más nuevo y más personalizable para traducir el blog que este :) ¡Nos irá genial para nuestra tienda online! Una preguntita: ¿cómo puedo añadir el catalán al traductor? Nos gustaría añadirlo ya que es nuestra lengua nativa, pero para llegar a más gente decidimos usar el castellano. Por lo de la banderita no hace falta, ya que lo hemos sutituido por letras :P Gracias :D
ResponderEliminar¡Hola! Muchas gracias por compartir este tutorial, no hay ninguno más nuevo y más personalizable para traducir el blog que este :) ¡Nos irá genial para nuestra tienda online! Una preguntita: ¿cómo puedo añadir el catalán al traductor? Nos gustaría añadirlo ya que es nuestra lengua nativa, pero para llegar a más gente decidimos usar el castellano. Por lo de la banderita no hace falta, ya que lo hemos sutituido por letras :P Gracias :D
ResponderEliminarHola, en los comentarios de esta misma entrada, al usuario Hau Bai Gozo le puse cómo realizar la traducción a Catalán. Puedes utilizar ese mismo código. Para temas de traducción más avanzada te recomiendo esta entrada: http://www.diariosdelanube.com/2014/11/todo-lo-necesario-para-analizar-y.html
EliminarVerás que ahí cuentas con más guías y posibilidades para que te quede mejor.
Cualquier cosa aquí estoy, un saludo y muchas gracias.
Hola buenas noches una pregunta, como puedo.colocar los traductores en la versión móvil de mi blog? Solo me aparecen en la versión web. En el móvil solo aparece el nombre y descripción dw mi blog y las entradas, pero no da la opción de poder traducirlo, y más ahora que todos usan el smartphone. Ojalá puedaa ayudarme. Saludos! Gracias..
ResponderEliminarEs que el código fuente de tu Blog para móviles está en una parte de la plantilla de tu blog y el código fuente para ordenadores en otra. De todas maneras, prueba con esto que seguro te ayuda: http://www.diariosdelanube.com/2013/11/personaliza-tu-plantilla-blogger-para.html
EliminarVerás que si lo has añadido en un Widget, podrás poner mobile=yes en las propiedades del widget, en el código fuente. Te viene explicado en la guía que te he pasado.
Cualquier duda aquí estoy.
Hola Miguel,muy útil este post,ya tengo mis banderas!! Muchas gracias por explicar y compartir.Me gustaría también la bandera rumana para traducir a este idioma.Podrías ayudarme? Muchísimas gracias !!!
ResponderEliminarClaro,
ResponderEliminares sencillo.
1) Haz una búsqueda en Google para encontrar un icono con la bandera de Rumanía que se adecúe a tus necesidades.
2) Ahora voy a ponerte el código HTNL que debe ir asociado a la bandera que descargaste. Recuerda que en los comentarios de Google no dejan poner los símbolos de apertura y cierre de etiquetas "<" y ">", fíjate en mis ejemplos si te surgen dudas pero es más o menos intuitivo saber dónde deben ponerse:
a href="https://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXXXXXXXX" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cro&hl=es&ie=UTF8');return false" rel="nofollow" target="_blank" title="Google-Translate-Spanish to Romanian" img alt="Google-Translate-Spanish to Romanian" src="AQUI_LA_DIRECCION_DE_LA_BANDERA_DE_RUMANIA_QUE_BAJASTE" style="border: 0 solid; cursor: pointer; height: 32px; width: 32px;" title="Google-Translate-Spanish to Romanian" / /a
Con esto te funcionará sin problemas, recuerda añadir los < y > en cada eiqueta.
Un saludo!
Muchísimas gracias Miguel,es de gran ayuda!
EliminarGracias a ti Micaela por tu feedback tan positivo. Cualquier cosa aquí estoy.
Eliminarefectivo y maravilloso gracias
ResponderEliminarGracias por tu feedback tan positivo. Me alegro que te funcione y lo disfrutes. Un saludo!
EliminarIncreible aporte!! sin trucos y pura buena voluntad! Muchas gracias Miguel!
ResponderEliminarGracias por el comentario y por entender tan bien la filosofía de esta web. Gracias a ti.
ResponderEliminarMUY buena me ayudo
ResponderEliminarMe alegro mucho Widen, cualquier cosa aquí estoy. Un saludo,
EliminarHola buenas... hay alguna manera de colocar este traductor pero no como un gadget? sino antes de header o algo asi... No quisiera hacer spam pero es para que me entienda la idea como lo que tengo en las redes sociales antes del Header. (https://fanartanimegeneration2017.blogspot.com/)
ResponderEliminarQuedo atenta a su comentario.
Puedes meterlo dentro del propio header. En el editor de plantilla (haciendo copia de seguridad) mete el código del traductor.
EliminarHello Miguel
ResponderEliminarcomo puedo anadir el traductor a in blog con wix?
Busca cómo introducir código HTML directamente y pega el código de ejemplo. Un saludo.
EliminarNo me sale :(
ResponderEliminarme salen las banderas pero no me quiere traducir y le puse el codigo del blog id
EliminarA mi tampoco me funciona, me sale una página de error...
EliminarA mi tampoco me funciona :( me salen las banderas y luego una pagina de error de Google. ¿Qué hago?
EliminarDarte la enhorabuena por éste trabajo PROFESIONAL, lo único dos cosas:
ResponderEliminar1. Hecho en falta OCULTAR la barra de google arriba, tengo entendido que se hace con éste código pero no sé cómo implementarlo aquí:
body {
top: 0 !important;
}
.goog-te-banner-frame {
display: none;
}
2. Me ocurre también que si pulso una bandera y después otra no encuentra la URL, qué podemos hacer a ésto?.
GRACIAS y espero respuestas