Como crear tú en sencillos pasos el codigo html para un traductor en tú sitio web de PaginaWebGratis
Lo prometido es ley y entonces vamos para aquellos que quieren su traductor de página, armar uno paso a paso.
Paso l :
Tenemos que encontrar imagenes de banderas o de algo que indique visualmente al visitante que puede traducir la página al idioma que le resulte familiar.
Empezamos entonces visitando este sitio donde vamos a poder capturar algunas imagenes para nuestro traductor.
http://www.33ff.com/flags/banderas-mundo0003.html
Hay muchos sitios pero en lo particular me gustan las banderas que hay en este sitio, ustedes pueden buscar con ayuda del buscador algùn otro sitio donde encuentren otro tipo de banderas que les resulten mas agradables a vuestros visitantes.
La imagen:
Vamos a elegir ahora una vez dentro del sitio web las banderas que tengan relación con la traducción que queremos hacer , como modo de ejemplo y para enseñanles como se hace simplemente vamos a elegir solo dos banderas y elegimos la de Estados Unidos y la de Francia o sea el visitante podrá traducir la página del español al ingles y del español a frances respectivamente.
Voy a elegir la segunda opción y haciendo clic con el boton derecho del raton sobre la bandera, pinchamos cuando abra el desplegable Guardar imagen como... y la imagen nos quedara guardada en nuestro disco duro acordarse de darle la ruta adecuada para que quede en Mis documentos en el caso de usar windows y en Mis imagenes, luego hacemos lo mismo con las demás banderas, en el caso de este ejemplo con la bandera francesa.
Luego tenemos que subir estas imagenes al servidor de www.paginawebgratis.es
Vamos a nuestro kit de construcción, pinchamos en Controlar imagenes y luego las subimos desde nuestro ordenador si no saben como, comunicar este inconveniente en el formulario y con gusto coloco la información en el sitio para que puedan hacerlo sin problemas.
Bueno yo ya subi las del ejemplo son estas:
Como verán son muy grandes hay que achicarlas después vamos a ver como hacemos esto en el paso 3.
Paso 2
Tenemos en este paso que crear los enlaces para la traducción automatica de nuestra página web y para esto vamos a buscar en el navegador el traductor de google pueden usar otro si asi lo quieren yo voy a elegir este para enseñarles en este ejemplo....
El traductor:
http://translate.google.com/?hl=es#
Una vez que cargo el traductor colocamos la url de la página de nuestro sitio que queremos que traduzcan nuestros visitantes, en el caso de este ejemplo voy a elegir esta página o sea que voy a colocar esta url http://leerpubli.es.tl/Crea-Tu-Propio-Traductor.htm
Imagen del traductor con el enlace de esta pagina colocado para que pueda traducirla:
Les indique con una flecha roja donde coloque la url de la página que queria traducir luego coloco traducir del español al ingles, luego pulso sobre el boton que dice Traducir y nos va a dar una url de la página traducida por lo cuál vamos a ir a la barra de navegacion y copiamos esa dirección, en el caso del ejemplo es esta:
http://translate.google.com/translate?js=y&prev=_t&hl=es&ie=UTF-8&u=http%3A%2F%2Fleerpubli.es.tl%2FCrea-Tu-Propio-Traductor.htm&sl=es&tl=en
vamos a repetir este procedimiento con cada una de las traducciones que queremos y guardamos cada una de estas direcciones en el caso del ejemplo faltaria esta que corresponde a la traducción del español a frances...
http://translate.google.com/translate?js=y&prev=_t&hl=es&ie=UTF-8&u=http%3A%2F%2Fleerpubli.es.tl%2FCrea-Tu-Propio-Traductor.htm&sl=es&tl=fr
Paso 3
En este punto vamos de nuevo al kit de construcción de www.paginawebgratis.es y pinchamos en Controlar páginas luego que elegimos Agregar una página Cuidado aquí no vallan a dar al boton Guardar por favor nuestra intención no es crear una página sino usar el editor de pagina de este sitio para crear nuestro codigo del traductor que estamos armando.
Luego que estamos en nuestro editor de páginas, hacemos lo siguiente...subimos al editor con la ayuda de un boton que dice Incluir imagen las imagenes de las banderas y las alineamos.
Luego las achicamos a una medida adecuada y finalmente le insertamos un vinculo o sea los que corresponden a cada traduccion en el caso del ejemplo son estas
Traducción del español al ingles
http://translate.google.com/translate?js=y&prev=_t&hl=es&ie=UTF-8&u=http%3A%2F%2Fleerpubli.es.tl%2FCrea-Tu-Propio-Traductor.htm&sl=es&tl=en
Tradución del español al frances
http://translate.google.com/translate?js=y&prev=_t&hl=es&ie=UTF-8&u=http%3A%2F%2Fleerpubli.es.tl%2FCrea-Tu-Propio-Traductor.htm&sl=es&tl=fr
Luego de insertar estos vinculos a las imagenes de las banderas lo que hacemos es pinchar Fuente HTML en los comandos del editor y nos va a dar el código html de nuestro traductor que pegaremos en la página que queriamos traducir y en el lugar que teniamos pensado de antemano.
EN PROXIMAS ENTREGAS EXPLICARE ESTO CON IMAGENES PARA QUE SEA MÁS GRÁFICO
El trabajo terminado quedaria asi:
Este es el codigo que arrojo y las medidas que le di a las banderas es de 20 x 13
Puedes probar y vas a ver que funciona eso si tienes que darle un poco de tiempo para que pueda hacerlo y si quieres luego probar traducir en otro idioma acordate que tenes que volver a la página inicial ya que la traduccion es del espanol a el idioma que elegiste, por eso para que funcione la pagina tiene que estar en español.
| <a href="http://translate.google.com/translate?js=y&prev=_t&hl=es&ie=UTF-8&u=http%3A%2F%2Fleerpubli.es.tl%2FCrea-Tu-Propio-Traductor.htm&sl=es&tl=en "><img height="13" width="20" src="https://img.webme.com/pic/l/leerpubli/flags_of_united-states.gif" alt="" /></a> <a href="http://translate.google.com/translate?js=y&prev=_t&hl=es&ie=UTF-8&u=http%3A%2F%2Fleerpubli.es.tl%2FCrea-Tu-Propio-Traductor.htm&sl=es&tl=fr"><img height="13" width="20" src="https://img.webme.com/pic/l/leerpubli/flags_of_france.gif" alt="" /></a> |
|
POR ÚLTIMA DESPUÉS DE COLOCAR LAS IMAGENES SIGUES SIN PODER CREARLO, PUEDES DEJAR TÚ MENSAJE Y DIME QUE PÁGINA QUIERES TRADUCIR Y TE MANDO EL CODIGO HTML DEL TRADUCTOR LISTO PARA SER USADO, TIENE QUE SER SOLAMENTE DE TRES TRADUCCIONES COMO MAXIMO PUES SINO ME LLEVA MUCHO TIEMPO ESTE ES UN APORTE DE LEERPUBLI
Nota: Encontre el incoveniente con este traductor de que en algunos casos te modifica la apariencia del contenido y puede romper la estetica del sitio. Por lo tanto si alguien puede hacer un aporte para mejorar este inconveniente será bienvenida la sugerencia, igualmente seguiremos tratando de mejorar esta apariencia con el tiempo buscandole la solución al problema.
Después de escribir estas lineas encontre esta página que habla del tema con más profundidad y podemos hacer una mejor traducción sobre todo cuando incluye un formulario de contacto y queremos dar también otras opciones, hago la salvedad que todavia no he aplicado personalmente lo que vamos a ver en la misma pero según lo que lei es mucho mas sofisticado sin duda que el procedimiento que uso actualmente, asi que será bien recibida la información y si alguien la pone en practica por favor comentarnos tú experiencia.
Como siempre un aporte de LeerPubli para ti, buscando siempre la información que te pueda dar una mano, este es el enlace Clic Aquí Páginas multilenguajes con javascript
Otras direcciones donde puedes bajar otros tipos de banderas, con otro tipo de formas, saliendo de la tradicional PIncha este enlace
www.muchografico.com
Si no funciona el enlace vuelve a intentar más tarde, puede que este
Sitio web lo desactiven durante 5 minutos, si recibe más del 20% del total de las peticiones al servidor, despues de unos minutos se normaliza, te cuento esto por que me ha pasado.
