Añadir traductor google con banderas a nuestro blog






Ya os conte como añadir el traductor google a nuestra web en este post, pero ahora os traigo ese traductor con otro diseño que es posible que llame la atencion a más gente.






Se trata del traductor de google con banderas. Para aladirlo a vuestro blog solo tenéis que añadir un nuevo elemento html/javascript y escribir el siguiente código:


<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://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)+'&langpair=auto%7Cfr&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)+'&langpair=auto%7Cde&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)+'&langpair=auto%7Ces&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)+'&langpair=auto%7Cit&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)+'&langpair=auto%7Cnl&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)+'&langpair=auto%7Cru&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)+'&langpair=auto%7Cpt&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)+'&langpair=auto%7Cja&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)+'&langpair=auto%7Cko&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)+'&langpair=auto%7Car&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)+'&langpair=auto%7Czh-CN&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 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px></div>



<br/>

<a href="http://www.ayudaparamiweb.com/"><font size="1px">Widget ofrecido por www.ayudaparamiweb.com</font></a>

¿No te funcionan los cambios?
¿Deseas añadir algo nuevo y no sabes como?
Nosotros lo hacemos por ti

33 comentarios:

Traductor Google dijo...
28 de septiembre de 2010, 14:56  

Gracias!!
Es justo lo que estaba buscando, lo voy a probar ahora mismo.

Prepperping dijo...
3 de octubre de 2010, 18:40  

perfecto!!! me funciona de maravilla en mi blog!!
http://blackmiausound.blogspot.com/

Eddiezette dijo...
21 de octubre de 2010, 22:32  
Este comentario ha sido eliminado por el autor.
Eddiezette dijo...
21 de octubre de 2010, 22:33  

Hola...
Grax x tu aporte...
Pero me zalta 1 duda & ezpero ke la rezpondaz dizkulpando mi ignoranzia:
Cómo agrego este Traductor a una página web que fue realizada en "Adobe Flash o Dreamweaver CS5"?
O puedo hacer los cambios, agregando estos códigos, directamente el lor archivos del servidor donde la subí?
De antemano.
Gracias.
Eddie.

JuanSpain20 dijo...
16 de enero de 2011, 16:33  

me funciona perfecto! muchas gracias!! lo podeis ver funcionando en mi página al 100%

http://www.pokerstation.es/

Maquinito César dijo...
13 de febrero de 2011, 10:53  

perfecto.
claro y sencillo de hacer.

Muchas gracias!

www.maquinito.com

! яσcкeт qυeeи dijo...
22 de febrero de 2011, 15:40  

Cómo se haría para que en vez del fondo blanco, el fondo sea negro? muchisimas gracias! :D

Adelvy dijo...
23 de febrero de 2011, 4:25  
Este comentario ha sido eliminado por el autor.
Anna Mª de la Mota dijo...
1 de marzo de 2011, 0:27  

Que tengo que poner dentro de href="#" y quiero saber si funciona para una web en wix (flash)

Anónimo dijo...
1 de abril de 2011, 10:42  

Excelente!!!!!!, muchisimas gracias!. :D

Anónimo dijo...
30 de abril de 2011, 18:28  

Tengo un problema. En mi caso Google Translator dice que mi pagina YA ESTA EN INGLES a pesar que esta en español! Pueden darme una mano: http://atariteca.blogspot.com

Anónimo dijo...
8 de julio de 2011, 2:19  

a mi me da problemas tambien

Anónimo dijo...
15 de agosto de 2011, 22:51  

perfect http://www.nightshowprod.com/

Anónimo dijo...
19 de octubre de 2011, 17:10  

como lo pongoen wix por fa ayuda urge aaaaaaa :(

buy dissertation dijo...
21 de octubre de 2011, 12:33  

Gracias. muy interesante

writing service dijo...
6 de noviembre de 2011, 12:16  

Actually,I was looking forward to such a info.I really appreciate it.Hope to see such a informative stuff in future!

academic papers dijo...
29 de diciembre de 2011, 1:44  

great) liked everything very much) keep it up and dont stop)

custom research papers dijo...
29 de diciembre de 2011, 12:40  

Thanks for providing such a great information here.

custom essays dijo...
18 de enero de 2012, 23:12  

Great analysis

essay help dijo...
18 de enero de 2012, 23:12  

thanks a lot for the post! very interesting!

write my essay dijo...
18 de enero de 2012, 23:13  

Nice effort, very informative, this will help me to complete my task. Thanks for share it keep it up.

essay writing service dijo...
18 de enero de 2012, 23:13  

wow... cool! Thanks!

Anónimo dijo...
31 de enero de 2012, 19:55  

Que bueno, no lo conocia pero es una pasada lo he puesto en mi blog y queda de lujo. Si alguien quiere ver como queda yo lo he puesto en http://www.citasescorts.com/citas-escorts

freelance writing jobs online dijo...
5 de febrero de 2012, 17:54  

Gracias. muy interesante

piero dijo...
11 de febrero de 2012, 13:16  

muy bien por fin uno que valia la pena pero no tienes alguno que no redireccione la pagina al traducir

evitarlafatiga.blogspot.com

writingbee dijo...
26 de marzo de 2012, 18:15  

Thanks for providing such a great information here.

google traductor dijo...
24 de abril de 2012, 15:22  

Solo deseo hacer una pequeña aportación de esta web.
Hay un sitio que tiene la capacidad de traducir simultáneamente con Google y con Microsoft y los resultados son fracamente interesantes cuando se comparan, además de que nos permite escoger la mejor traducción.
El sitio es: http://www.traductor–google.com

logostudio dijo...
17 de mayo de 2012, 14:53  

GRACIAS POR ESTA GRAN APORTACION... PERO TENGO UNA DUDA, COMO PUEDO HACER PARA QUE LAS BANDERAS ESTEN EN HORIZONTAL? UN SALUDO Y MIL GRACIAS...

Danny dijo...
17 de agosto de 2012, 6:44  

wooow justo lo que buscaba, ya lo pruebo y comento que tal va, muuuuchas gracias :D

Anónimo dijo...
6 de septiembre de 2012, 5:48  

excelente, me ha sido de gran ayuda.

Posicionamiento Organico dijo...
28 de septiembre de 2012, 9:12  

Interesantíssimo !!

Andrea dijo...
9 de julio de 2013, 14:29  

gracias!!! muy bien explicado

Calderot dijo...
1 de abril de 2014, 12:31  

Muchas gracias, me funcionó bien, solo quisiera que las banderas hubieran quedado centradas.
Nuevamente gracias

Cuéntanos que te ha parecido este artículo

Emoticonos en blogger
:) :'( :( :P :D :$ ;) :-I :-X :o :O |O :\

Traductor

Suscríbete vía email

Introduce tu dirección de correo:

Suscríbete

Seguidores