Cargando...

14 septiembre 2010

Excelente botón traductor para tu blog, disponible en mas de 50 idiomas

Si estas buscando añadir la opción de traducción de idiomas a tu blog, definitivamente esto te va a interesar.   

¿De qué se trata?

De un botón traductor, que funciona como un widget, y que supera en mucho la función de traducción que ofrece Google, ya que al hacer la traducción no desplega la  divertida barra de traducción de idiomas, haciendo la traducción mas amable y atractiva para el usuario.     

¿Quién la creó?

Jon Raasch, quien es un excelente programador web especializado en la optimización de Javascript, creó este botón para traducir el idioma de el contenido de blogs y/o páginas web, disponiendo un total se 52 idiomas. 52 idiomas, ¿te imaginas? ahora practicamente cualquiera que ingrese a tu blog podrá leer el contenido de tu rinconcito. Se acabó la barrera del idioma.    

¿Cuáles son sus características?

Este botoncito, además de ser muy útil es muy flexible, ya que permite entre muchas otras cosas:
  • Seguimiento con google Analitics
  • Cambiar la imagen del botón
  • Cambiar las opciones de texto
  • Cambio de idiomas soportados
  • Seleccionar cierto contenido para que no sea traducido y más...
Ahí mismo encontrarás la explicación completa y detallada, para cada una de tus preguntas con respecto a la personalización, y habilitacion de otras características, y si no entiendes el idioma, por que esta en inglés, tradúcelo, que para eso esta el botoncito :-)    

¿Cómo lo pongo en mi blog?

Si lo quieres usar de inmediato, solo tienes que copiar y pegar el script que te facilitan, en la columna lateral de tu blog o bien en el lugar de tu plantilla donde quieras colocarlo y tu botón tendrá esta apariencia:
¿Cómo personalizo el botón?

En realidad hay que sustituir el botón que ofrecen, por uno propio, para ello hay 3 opciones, según explica en la página, yo use la primera, ya que me parece muy fácil ya que usa CSS.    

Paso 1.Copia este código (en una nota de tu compu "notepad"), o en cualquier otro editor de texto, para que puedas trabajar con el.

#translate-this .translate-this-button {
background-image: url(image.jpg) !important;
width: 250px !important;
height: 50px !important;
}
Luego sustituye donde dice image.jpg por la URL de tu imagen, cambia los valores de width (ancho) y height (alto) según las dimensiones de tu botón.    

Paso 2. Luego, vas a pegar el código, en la la hoja de estilos de tu plantilla, antes de ]]></b:skin>  

Paso 3.Después, checa en vista previa para visualizar el nuevo botón y verificar que todo haya quedado bien en tu plantilla, (a veces pegando códigos borramos sin querer algo, o lo ponemos en el lugar equivocado), si todo luce bien,  guardas los cambios y listo.  

Nota: se supone que al hacer lo anterior, ya habrías colocado el script del botón traductor en la columna de tu blog. Aqui te dejo unos botones que he creado para este propósito:


Dimenciones de los dos bones: 250 X 36 pixeles.

Si quieres aventurarte a crear el propio diseño de tu botón, te dejo una página donde puedes encontrar los íconos de las banderas de todos los paises. Iconos de banderas.    

¿A quien le doy las gracias?

A Jon Raasch... aah! y si puden, no olviden hacer una donación a este proyecto, es muy bueno, apoyar este tipo de iniciativas que benefician tanto y a tantos ;) ¿no lo creen?

Enlace:TranslateThisBottom
No olvides suscribirte, para recibir todas mis actualizaciones, directamente a tu email.

Ingresa tu correo electrónico:

Recuerda confirmar tu suscripción, haciendo click en el enlace que recibirás por email.

33 comentarios :

  1. Hola que tal¡

    Mi nombre es tania soy administradora de un directorio de webs/blogs, navegando por la red ví tu página y está muy buena, sería genial contar con tu site en mi sitio web y asi mis visitas puedan visitarlo tambien.

    Si estas de acuerdo solo escribeme.
    tajuancha@gmail.com
    Exitos, un beso

    ResponderEliminar
  2. TE COPIAN TU BLOG ROCKERO http://btemplates.com/2009/blogger-template-blog-rockero/demo/

    ResponderEliminar
  3. Hola Anónimo

    Agradezco tus buenas intenciones, pero no me copian la plantilla, yo misma se las envié, es así como funciona Btemplates.

    Gracias y que tengas un excelente fin de semana.

    ResponderEliminar
  4. Hola trochero, ¿qué es exactamente lo que no te sale? yo lo tengo funciondo en mi blog como puedes ver y si funciona perfectamente. Si me explicas talvez te pueda ayudar.

    :)

    ResponderEliminar
  5. Hola karla me gusta mucho tu blog asi que te seguire y pasare por aquí.
    Tengo un problemita con el traductor.Veras e puesto la plantilla de mis romances y e agregado el traductor en el lateral al principio todo bien.Pero ahora solo se ve la palabra trastale,no sale el traductor por mas que el codigo parece estar bien.Si cliqueo sobre la palabra que queda visible me lleva a la pagina del autor donde esta el codigo.
    Aun tengo el blog para verlo solo yo,¿podria ser ese el problema?.No me lo parece pero soy nueva en esto.
    Te agradecere la ayuda.
    Un bestito.

    ResponderEliminar
  6. Hola Nessi, gracias por tu comentario y bienvenida; pase a tu blog y el botón se ve perfectamente, no se si hiciste alguna corrección o probablemente en ese momento había algún problema con el servidor que usa ese widget, lo ignoro, pero como te digo, ahora todo se ve muy normal :).

    Feliz año Nuevo Nessi!!

    ResponderEliminar
  7. Hola karla gracias por contestarme tan rapido se ve bien? en mas pudiste ver el blog? es que ayudo a mi mami con los suyos y no se si habras visto el suyo.Por si acaso voy a abrir los permisos ahora para que puedas verlo.el miuo personal es El lugar de mis sueño :)
    Un besito

    ResponderEliminar
  8. Listo Ahora si quepuedes entrar :).Te dejo el enlace aqui asi si ademas de verlo me das alguna idea para mejorarlo te lo agradeceria.El buscador tampoco me va bien trato de escribir algo u no se escribe.

    http://ellugardemissuenos.blogspot.com/

    ResponderEliminar
  9. Hola Nessi, aquí ando, yo creí que te referias a el otro blog...

    Ya ví tu blog, e inspeccione el elemento, todo parece estar bien, prueba eliminando la palabra Translate que esta dentro de las etiquetas a, al principio del código, y checa si el botón aparece. Me cuentas ok?

    ResponderEliminar
  10. Uuufff ya lo probe pero la e vuelto a poner porque sigue igual si la quito el espacio se queda vacio.No tengo ni idea de lo que puede ser ya has visto que en el otro blog si funciona normal.
    Si quieres entrar directamente en mi blog solo tienes que decirlo :)
    Muchas gracias en serio,no me gusta ser pesada.

    ResponderEliminar
  11. Nessi, olvide decirte sobre tu duda del buscador: -este funciona por medio de palabras claves, cuando escribes una palabra, te desplega el resultado de tu busqueda mostrando las entradas que contengan dicha palabra(s)-. Es así como funciona. Espero contestar la duda.

    ResponderEliminar
  12. Si lo sdel buscador me lo imaginaba solo es que al poner el raton sobre el espacio para escribir lo que se busca para probar la unica entrada que tengo por ahora no me escribe ni despliega nada.
    Tengo mucho que a`prender con esto aun jejeje.
    No se si probar a cambiar la plantilla para ver si asi se ve el traductor pero me gusta mucho esta.

    ResponderEliminar
  13. Karla aunque dejo la de mis romances e probado a cambiar la plantilla.con la de la playa el traductor se veia perfectamente.Podria ser que por lo que sea no encaje o no quepa en la que tengo?.
    Bueno como sea te agradezco el tiempo que me dedicas y si quieres entrar directamente en el blog solo me dices para pasarte los datos..
    Un besito,mil gracias y feliz fin de año.

    ResponderEliminar
  14. mmm, ve a la página del creador del widget y vuelve a copiar el código y pegalo nuevamente en la columna del blog, puedes probar usando tu propia imagen, para ello, elimina la palabra translate, y luego, sigue las indicaciones allá arriba para lograrlo, puedes usar la imagen que yo misma uso para el botón si quieres, solo cópiala.

    Suerte y si tienes dudas me dices.

    ResponderEliminar
  15. Hola Karla:
    Otra vez por aquí lo hice todo de nuevo copie el codio de l pagina del autor cambie el boton como lo indicas y si te pasas por el blog veras que se entre ve un trocito del noton pero al clicar con el raton no se despliega lo de los idiomas y te lleva a la pagina del autor durecatmente.
    Ya no se que podra ser o que es lo que estoy haciendo mal :( porque sigo las instrucciones al pie de la letra.
    Supongo que tendre que acabar cambiando la plantilla si quiero que se vea.
    Un bestito y que lo pases muy bien esta noche.

    ResponderEliminar
  16. Hola Karla:
    Te cuento que despues d estar probando mil y una posibilidades e optado por exportar el blog a uno creado previamente y poner todo de nuevo.POr suerte e podido recuperar mi dirección de blog.
    Ahora si que todo funciona correctamente :)
    MUchas gracias por la ayuda.
    ¡Feliz fin de año!
    Un bestito.

    ResponderEliminar
  17. Hola Nessi, ya veo que todo funciona perfectamente, me alegro por ello, muchas gracias, ¡Feliz año!.

    Un abrazo :).

    ResponderEliminar
  18. Excelente todo funciona a la perfección que estes bien.

    ResponderEliminar
  19. Hola Otto, me alegra que te haya funcionado todo...:)

    Que tengas una estupenda semana!

    ResponderEliminar
  20. Hola Karla, estoy buscando esta opcion hace un tiempo, veo blogs yles funciona, pero ahora me voy a la web donde supuestamente me daran el codigo, pero resulta que le doy click en el link : http://translateth.is/ , y este me lleva a la pagina de google http://www.google.com/ , que sucede, gracias poe la respuestam, saludos!

    ResponderEliminar
  21. Hola Frankuervo, sabes que no se que fue lo que paso, la página ya no está disponible, no se si temporalmente o definitivamente :( y si lo es así será una lástima ya que la traducción estaba muy mona, la cuestión es que en la página del desarrollador funciona el botón, yo lo tenía puesto en mi blog al ingresar en cada entrada, pero ahora con el cambio de la plantilla, olvidé copiar el script y ya no lo puse...

    Habría que preguntarle al desarrollador, este es su página:

    http://jonraasch.com/

    ResponderEliminar
  22. Claro, pero lo extraño es que en los blogs en los que colocaron el codigo funciona... no tendras el codigo por alli? =(..

    ResponderEliminar
  23. ...Me imaginaba, ya que en la página del creador también funciona, mira, le voy a preguntar que paso...

    Fíjate que no guarde el script cuando cambié mi plantilla, ¿tu no recuerdas algún blog que lo tenga colocado?

    ResponderEliminar
  24. Hola Karla, si ya encontre el codigo y me funciona, lo extraño que escogi ingles para probar, y todo bien traduce perfectamente, pero ahora ada vez que entro a mi blog, sin hacer nada vuelve a traducirse que tedioso, sera eror del codigo o es asi, si sabes algo , por favor respondeme, gracias!...

    ResponderEliminar
  25. Que bueno que lo encontraste, aún no le pregunto nada al desarrollador, pero, me lo pasas Frankuervo ;) ...supongo que eso pasa por que se almacena una cookie cuando traduces y al ingresar nuevamente la reconoce y se hace automaticamente la traducción, prueba borrando las cookies de tu compu.

    Hasta luego y que pases un estupendo día!

    ResponderEliminar
  26. Una pregunta cuando pongo el traductor cuado abro mi blog pone:
    Translating page...
    Hay alguna manera de cambiar ese texto por otro.
    Por ejemplo: Truduciendo... por favor espere

    ResponderEliminar
  27. Hola Alex, según recuerdo haber leído en la página del desarrollador no permite personalizar ese mensaje, sin embarfo te recomiendo leer la página de las preguntas frecuentes o bien contactarlo y seguro te dice ;)

    Que tengas un estupendo día!

    ResponderEliminar
  28. Karla desde hace una semana el traductor que tengo desaparecio y ponia "traslate" sin el boton ni las banderas ni nada. Elimine el codigo y me volvi a meter en la pagina y lo volvi a copiar y no funcionaba.
    ¿Hay algun traductor mas que no sea este?
    Gracias

    ResponderEliminar
  29. En serio?, y funcionaba el traductor? es decir, aunque no se veía la imagen si funciona?.

    Puedes personalizar la imagen, o bien usar la misma pero almacenándola tu mismo en Blogger, también puedes usar el gidget de Google, de hecho, este Widget (el de translate this) utiliza la traducción de Google para las traducciones, solo que el desarrollador hizo la traducción mas elegante...

    Esta es la página para obtener los widgets de Google:

    http://translate.google.com/translate_tools

    Hasta luego Alex!

    ResponderEliminar
  30. GRAACIAAAAAAAAAAAS !!! Al fin encontré un buen traductor para mi blog, el google translator era deprimente !!! ja ja ja saludos desde Argetnina. Tigra.

    ResponderEliminar
  31. Puse el traductor en mi web, pero cuando se hace clic en uno de los idiomas, se habre la barra de traduccion de google traductor, quien me ayuda, mi correo es josemjuarez83@yahoo.com. Saludos

    ResponderEliminar
    Respuestas
    1. Hola,
      Hace mucho que no veo cómo funciona ese traductor, y desafortunadamente su funcionamiento no depende de mi, sino del desarrollador que lo facilita.

      Eliminar