Traductor con banderas animadas para tu blog o web
Si tú sitio es frecuentemente visitado por usuarios que no hablan el Español, acá les tengo un traductor google pero con banderas animadas, un atractivo recurso que a diferencia de otros traductores no son imágenes estáticas, son gif de cada bandera que representa un idioma, este traductor posee además traducciones en doce idiomas principales, desde Chino, Francés, Holandés, Alemán, Portugués, Árabe, Japones, Italiano, Inglés, Español. Coreano y Ruso. Solo te pido que no modifiques el código para que funcione.
ACÁ ESTÁ LA VISTA PREVIA DE COMO QUEDARÍA TÚ TRADUCTOR
Para agregarlo en tu sitio solo debes copiar y pegar el código HTML de bajo
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<center><title><a href="http://amigaswebs.blogspot.com/2010/12/traductor-con-banderas-animadas-para-tu.html/" target="_parent">Traductor</title><center>
<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="http://www.100pies.net/Gifs/Banderas/Banderas/Gran-Bretana.gif" 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="http://www.100pies.net/Gifs/Banderas/Banderas/Francia.gif" 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="http://www.100pies.net/Gifs/Banderas/Banderas/Alemania.gif" 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="http://www.100pies.net/Gifs/Banderas/Banderas/Espana.gif" 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="http://www.100pies.net/Gifs/Banderas/Banderas/Italia.gif" 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="http://www.100pies.net/Gifs/Banderas/Banderas/Paises%20Bajos.gif" 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="http://www.100pies.net/Gifs/Banderas/Banderas/Rusia.gif" 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="http://www.100pies.net/Gifs/Banderas/Banderas/Portugal.gif" 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="http://www.100pies.net/Gifs/Banderas/Banderas/Japon.gif" 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="http://www.100pies.net/Gifs/Banderas/Banderas/Corea%20del%20Sur.gif" 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="http://www.100pies.net/Gifs/Banderas/Banderas/Arabia%20Saudi.gif" 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="http://www.100pies.net/Gifs/Banderas/Banderas/China.gif" style="cursor: pointer;margin-right:8px" width="24" /></a> </div>
<div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px></div>
<center><a href="http://amigaswebs.blogspot.com/2010/12/traductor-con-banderas-animadas-para-tu.html" target="_blank"><span style="font-size:11px;" title="clic para agregar este gadget en tu blog">Quiero esto en mi Blog!</span></a></center>
</body>
</html>
Twitter: https://twitter.com/Pablo_ATorres
Actualizado el 25 /02/2016
Traductor con banderas animadas para tu blog o web
Reviewed by
Unknown
on
21:02
Rating:
Reviewed by
Unknown
on
21:02
Rating:
muy bueno.mejor que los estaticos
ResponderEliminaresto esta excelente muchas gracias
ResponderEliminarGenial son preciosos mejores que los otros mi blog se vera muy original!
ResponderEliminarSaludos
Me encantó la presentación del traductor . Me lo llevo, Pablo. Gracias
ResponderEliminarPOR UN ORDEN JUSTO Y DIGNO
ResponderEliminarDIGNIDAD CUBA es un espacio abierto para defender la Revolución Cubana, abogar por un nuevo orden en el mundo, por una verdadera pluralidad y para difundir la verdad de los silenciados.
VIVE CUBA LIBRE
http://dignidadcuba.blogspot.com/
demaciado bueno, me lo llevo de inmediato, muchas gracias
ResponderEliminarHola Pablo, ¿serías tan amable en ayudarme a instalar el traductor d banderitas animadas?
ResponderEliminarPorque copio el código, lo pego en la url - de crear mi propio gadget y no me lo admite. Me dice que son demasiados caractéres.
Por favor, he pasado muchas horas tratando de instalar un traductor y no lo he logrado. Me encanta este que tienes.
Muchas gracias! Me he suscrito para que por favor me escribas a mi correo.
te lo explico por pasos:
ResponderEliminar1.- abre gadget html
2.- copia el codigo arriba indicado y los pegas.
3.-no hace falta que indiques titulo o bien indica traductor.
y ya está
Un saludo http://tribuna-ram.blogspot.com
Muchísimas gracias a Ramón y Pablo por su valiosa ayuda.
ResponderEliminarSinceramente
Maritza. ¡Saludos!!!!!
Felicidades por el Blog
ResponderEliminarSaludos
gracias lo pusse en mi blog lo malo que solo salio 10 banderas pero bueno te dejo mi link de mi blog
ResponderEliminarhttp://www.todofull.co.cc/
ww.jaimedr.es.tl
ResponderEliminaranunciate gratis y entretente
PARABÉNS BELO BLOG!
ResponderEliminarMUITOX BELO !!!
BJS;
Buen trabájo el traductor queda INCLUSO bonito
ResponderEliminarhttp://pasiondejubilado.over-blog.es/ en el blog de mi viejo
Olá, conheci o link vim visitar e tomei a liberdade de seguir, então sou a mais recente seguidora.
ResponderEliminarFeliz Páscoa
hola che quiero poner el traductor en mi blog... y me dice como que tu pagina no existe...bueno espero tu respuesta
ResponderEliminardesde ya muchas gracias
listo ya lo logre.... gracias
ResponderEliminarmuchas gracias est muy bueno y no olviden visitarme en animemundo2012
ResponderEliminarvisitenme en http://www.animemundo2012.blogspot.com/
ResponderEliminarDe momento y para salir del paso es una primera manera de realizar las traducciones de las páginas webs a otro idioma.
ResponderEliminarEstaba buscando esta opción, y me parece interesante.
pasaroos por mi blog: http://onedreameronedream.blogspot.com/ un besitoo!
ResponderEliminarSuper bueno facil y muy provechoso!!
ResponderEliminarPasaros por aqui:
http://airfiltercleaning.blogspot.com/
http://twinlifediet.blogspot.com/
saludos
No lo puedo agregar, me podrías indicar el enlace exacto?... gracias
ResponderEliminarGracias, está muy lindo el traductor animado, ya los coloqué en mis blogs
ResponderEliminarhttp://jesustehallamado.blogspot.com/
http://delamanodelavirgenmaria.blogspot.com/
Saludos
Esta bien, y se agradece, pero por que el afán de ponerle enlace a estos widgets?
ResponderEliminarClaro men, el que los hace merece un premio de que se lleven su enlace. No crees?
ResponderEliminarHola, he copiado este traductor animado en mi blog y me parece que funciona bien. Gracias.
ResponderEliminaroye el traductor me sale encima de la barra de navegación alguien sabe como lo puedo mover de sitio?
ResponderEliminarholaaaa amigos gracias por compartir, es muy util para mi ya que soy 9cita en esto,les dejo bechitos
ResponderEliminarSimplemente Gracias. Feliz 2012
ResponderEliminarOlá obrigada por compartilhar este tradutor.
ResponderEliminaraproveito para convidar vc a dar uma olhada no meu blog
http://3fasesdalua.blogspot.com/
Si quieres que te indexen en los mejores buscadores de la red o sinmplemente anunciarte gratuitamente entra en http://anunciatuweb.blogspot.com
ResponderEliminarTOTALMENTE GRATIS!! X AHORA!!
He seguido las instrucciones, pero en mi blog no aparece nada de eso. Solamente aparece la palabra "Traductor" y cuando pincho en ella, me dice que la página no existe. ¿Qué he hecho mal?
ResponderEliminarPor favor, espero respuesta.
I've follow the instruccions, and when i add it to my blog, there's only one word: Traductor. Then, it tells me it doesn't exists. Why?
Please, answer me.
Hola! tengo problemas con el traductor, cuando le doy a agregar gatchet y le doy a que sea mi propio gatchet nada mas me aparece la barra de poner la url: y ya, no me permite entrarle un codigo html. pleaseee help meeee
ResponderEliminarYaaaa!! lo logré, punchando un poco me di cuenta de que no tenia instalado un gadget de html. Bueno ya esta listo y funcionando! Gracias por el aporte bueniiiisimo!
ResponderEliminarPuedes poner el código? A mi me pone error cuando lo intento
ResponderEliminarGracias
Muito bom!!! Obrigada!!!
ResponderEliminarHola, muchas gracias por ayudarnos a distinguirse nuestros blogs y sobre todo para que personas de otras lenguas se les facilite la lectura, ya los tomé prestados, nuevamente muchas gracias, bendiciones y abrazos.
ResponderEliminaroigan, contesten porfiiiiis, donde copio el codigo?? gracias, jejej ;) besazos
ResponderEliminarGracias por ponerlo!! Buscaba uno desde hace mucho tiempo :P
ResponderEliminarTengo un Libroblog, ¿me seguís?
http://comosangremezcladaconchocolate.blogspot.com.es/
Os espero!! ^^
Qué bueno!!
ResponderEliminarA ver si consigo insertarlo en mi blog de arquitectura. ¿Esto se puede meter en un widget de wordpress verdad?
Es una buena alternativa para los que no pueden invertir mucho tiempo y dinero en proporcionar traducciones profesionales para sus páginas Web.
ResponderEliminarsuper gracias!!!!
ResponderEliminarcomo lo puedo hacer, si cuando pongo añade tu propio, pone copia tu url, y ya no se que hacer.
ResponderEliminarcopio el texto de arriba y me pone que son demasiados caracteres.
Está genial, me encanta.
ResponderEliminarGracias por compartirlo.
No lo pude aplicar por mas que le busque soy novato en esto.alguien me podria desir donde le pico.
ResponderEliminarme rrendi no pude ponerlas.
ResponderEliminarmuchas gracias luce hermoso . saluos desde México
ResponderEliminarUn millon de gracias!! Al principio no lograba nada pero agregue el gadget de html y asi pude agregar la copia de arriba :) Saludos desde Republica Dominicana
ResponderEliminarGracias Pablo!!! y a todos porque leyendo un poco lo que algunos consultaron pude instalarlo en mi blog. GRACIAS A TODOS!!!
ResponderEliminarOlá, meu blog é blogspot e não consigo colocar o código, ele muda quando salvo no meu blog
ResponderEliminarObrigada
Lua Singular
genial traductor de google, lo puse en todos mis sitios
ResponderEliminargracias por el html
buena semana
Cómo puede ser?? a mí me salen las banderitas animadas tan monas, pero no me traduce...
ResponderEliminar¡Es una maravilla! Ya lo estoy usando y funciona de repimpa… Me encanta el castellano, lo escribo y lo hablo, es mi segundo idioma. Muchas gracias por todo. Y si tienes más cosas para poner em mi blog te lo agradezco.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarGrasias por sus consejos me ayudan bastante grasias
ResponderEliminarGRACIAS
ResponderEliminarGracias muy bueno!!!
ResponderEliminarLas banderitas son muy interesantes,gran trabajo !
ResponderEliminargracias! mi blog es http://librosenpdfparatodos.blogspot.com/
ResponderEliminarhttp://www.tusoftwarefull.com/
ResponderEliminarMe gusta mucho el plugin, directo, fácil y para todas las nacionalidades, voy a ver si lo implemento en la web
ResponderEliminarwww.informeglobal.com
ResponderEliminarDarte 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
Muchas gracias por los iconos, lo vamos a implantar en nuestra web de traducciones ya mismo, un saludo!!
ResponderEliminarlo tengo hace años en mis blogs , pero me gustaría cambiar una de las baderitas
ResponderEliminarla del idioma español ya que no es necesaria ( mi blog es en español) y reemplazarla por hindi ( idioma) pero no sé como hacerlo :(
saludos desde Chile