Buscador
.

04 noviembre 2011

Traductor de banderas

Hace un tiempo vimos como poner un traductor sencillo pero esta vez les traigo una forma de poner uno con banderas. Este le dará un toque más profesional a nuestra página y su funcionamiento es el mismo


English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese
Simplified

el código que tienes que utilizar es este...

<center>     <div>         <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick=
     "window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7Cen&amp;hl=en'); return false;"><img
alt="English" border="0" align="absbottom"         title="English" height="24"
src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVBORD9bI/AAAAAAAAACs/XkaLmmin4zg/s200/United+Kingdom(Great+Britain).png" 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)+'&amp;langpair=auto%7Cfr&amp;hl=en'); return false;"><img alt="French"
border="0" align="absbottom"         title="French" height="24" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVBrDZLrI/AAAAAAAAAC0/Kc6eDMT9LFI/s200/France.png"
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)+'&amp;langpair=auto%7Cde&amp;hl=en'); return
false;"><img alt="German" border="0" align="absbottom"         title="German" height="24"
src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YVBzoFF2I/AAAAAAAAAC8/WgvMK3zP1Rk/s200/Germany.png" 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)+'&amp;langpair=auto%7Ces&amp;hl=en'); return false;"><img alt="Spain"
border="0" align="absbottom"         title="Spain" height="24" src="http://3.bp.blogspot.com/_5jbh95HruKA/S1YVCdHp5VI/AAAAAAAAADE/lWHzr5znExU/s200/Spain.png"
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)+'&amp;langpair=auto%7Cit&amp;hl=en'); return false;"><img alt="Italian"
border="0" align="absbottom"         title="Italian" height="24" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVCskNubI/AAAAAAAAADM/ChdHC6vYT4s/s200/Italy.png"
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)+'&amp;langpair=auto%7Cnl&amp;hl=en'); return
false;"><img alt="Dutch" border="0" align="absbottom"         title="Dutch" height="24"
src="http://3.bp.blogspot.com/_5jbh95HruKA/S1YWRkFo9UI/AAAAAAAAADU/4AzKfc6Oyxg/s200/Netherlands.png" 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)+'&amp;langpair=auto%7Cru&amp;hl=en'); return false;"><img alt="Russian"
border="0" align="absbottom"         title="Russian" height="24"
src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YWR-jg9pI/AAAAAAAAADc/vYZrPOzazHU/s200/Russian+Federation.png" 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)+'&amp;langpair=auto%7Cpt&amp;hl=en'); return false;"><img alt="Portuguese"
border="0" align=         "absbottom" title="Portuguese" height="24"
src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YWSGHcxOI/AAAAAAAAADk/ElHZBjDCZn8/s200/Brazil.png" 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)+'&amp;langpair=auto%7Cja&amp;hl=en'); return false;"><img alt="Japanese"
border="0" align="absbottom"         title="Japanese" height="24" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YWSR2_wYI/AAAAAAAAADs/GtKdPLKUluE/s200/Japan.png"
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)+'&amp;langpair=auto%7Cko&amp;hl=en'); return
false;"><img alt="Korean" border="0" align="absbottom"         title="Korean" height="24"
src="http://2.bp.blogspot.com/_5jbh95HruKA/S1YWSrlfMyI/AAAAAAAAAD0/_MACsRIW8wg/s200/South+Korea.png" 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)+'&amp;langpair=auto%7Car&amp;hl=en'); return false;"><img alt="Arabic"
border="0" align="absbottom"         title="Arabic" height="24"
src="http://3.bp.blogspot.com/_5jbh95HruKA/S1YWq7SrDkI/AAAAAAAAAD8/ZE8A1isEZrw/s200/Saudi+Arabia.png" 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)+'&amp;langpair=auto%7Czh-CN&amp;hl=en'); return false;"><img alt="Chinese
Simplified" border="0"         align="absbottom" title="Chinese Simplified" height="24"
src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YWrMQAw9I/AAAAAAAAAEE/r-DEVtWXp50/s200/China.png" style=         "cursor: pointer;margin-right:8px" width="24"
/></a>     </div>     <div style="â??font-size:10px;margin:8px">     </div> </center>


24 comentarios:

  1. Hola me sale las banderas en vertical y me gustaría que saliera en horizontal ¿es posible?
    gracias por todo.
    Anna

    ResponderEliminar
  2. Me paso lo mismo que a Ana quiero que las banderas salgan en forma horizontal dentro del espacio que queda en la parte izquierda desde ya muchas gracias

    ResponderEliminar
    Respuestas
    1. Hola, lastimosamente he intentado e intentado pero no encuentro una manera de cambiarlo de posición, creo que depende del lugar y del espacio donde lo pongamos :(

      Eliminar
    2. tienen que copiar el texto y pegarlo donde dice por encima de la pagina, ami me funciono muy bien lo tengo horizontal

      Eliminar
  3. Pues yo he copiado directamente todo el código al inicio de la página y me ha salido de lujo Funciona muy bien

    Sencillamene GRACIAS

    ResponderEliminar
    Respuestas
    1. Qué bien que te haya funcionado!! Gracias por comentar :)

      Eliminar
  4. Podeis comprobar el resultado en la opcion que pone Cntacto de mi web www.pormiscomidas.ekiwi.es

    ResponderEliminar
  5. Hola :-)
    Investigando por mi cuenta (poco común en mí) Me he dado cuenta que si sustituyes las palabras align="absbottom" por align="right" osea derecha se colocan las banderas alineadas horizontal.

    ResponderEliminar
    Respuestas
    1. Excelente aporte Nadi, muchas, muchas gracias :)

      Eliminar
  6. En Jimbo xq no funcionA?

    ResponderEliminar
  7. Me anduvo muy bien.

    Virulazo Benvenuto.

    ResponderEliminar
  8. dice que necesito jimdo pro o bussines

    ResponderEliminar
    Respuestas
    1. Si lo siento, si tu página lleva jimdo.com no te servirá el truco.

      Eliminar
  9. Buenas tardes, una pregunta,¿ como puedo añadir otra bandera que no aparece?. Saludos .

    ResponderEliminar
  10. justo lo que estaba buscando!!! me funcionó perfecto, depende el lugar donde coloquemos el gadget será la forma en que se verá. Gracias por tan buenos trucos.

    ResponderEliminar
  11. no me funciona, no consigo de modo alguno, una ayuda por favor.

    ResponderEliminar
  12. me dice

    Esta página web tiene un bucle de redireccionamiento

    Cargar de nuevo

    ResponderEliminar
  13. por que me dice que la pagina es invalida o la UR ?

    ResponderEliminar
  14. Rápido y efectivo, muchas gracias por el truco.
    Un saludo.

    ResponderEliminar