Vivir Sencillamente para ser feliz

Trucos, ofertas, bricolaje, manualidades, posicionamiento, SEO, Blogs...

Cómo añadir gadget de traducción en Blogger (12 idiomas)

Cómo añadir gadget de traducción en Blogger (12 idiomas)

Estoy seguro que muchos de nosotros, al menos a mi me pasa, tenemos visitas de muchos países, y no todos hablan el idioma en el que está nuestro blog, en mi caso, castellano.


Muchas visitas seguramente no permanecerán en nuestra web al no tener la opción de traducir el blog para poder leer en su idioma nuestra información, con lo que perdemos tráfico.


La forma convencional de hacerlo es ir a Google y con la opción de traducir que tiene, poner la url del link y traducirla, pero ese proceso se hace algo engorroso e incómodo, sobre todo cuando hay atajos para hacerlo mucho mas sencillo. Para mí el mejor gadget de traducción de idiomas para Blogger.




Características del gadget de traducción de idiomas
  1. El gadget de traducción de idiomas, auto detecta el idioma del blog y lo traduce a la lengua elegida por los lectores. 
  2. Soporta 12 idiomas, Inglés, francés, alemán, español, Italiano, holandés, brasileño, ruso, japonés, coreano, árabe y chino
  3. Ajuste automático, no importa dónde agregues este widget o gadget que se ajustará automáticamente a la plantilla de blog. 
  4. El gadget o widget de traducción de idiomas es muy sencillo de instalar, mediante un paso sencillo sólamente.
¿Cómo añadir el gadget de traducción a Blogger?

Es muy fácil agregar este widget de traducción a tu blog, basta con ir a blogger:
panel de control>> Diseño>> y en la página los elementos de página, haga clic en Añadir un gadget y elegir HTML / JavaScript .

Deja el título vacío o pon un título si quieres y pega en el área de contenido 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.vivirsencillamente.com/"><font size="1px">Gadget creado por www.Vivirsencillamente.com</font></a>

26 comentarios:

Álvaro Lamela (xeneizes) dijo...

Muchas gracias por comentarlo, lo he agregado a mi blog. Espero que sirva para aumentar las visitas de no hispanohablantes a mi blog.

Mordex dijo...

Este si que me ha gustado muchas gracias!

Esteban dijo...

Hay una parte que esta de mas.. es esta..

".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;
}"
Eso BORRENLO

Webmaster dijo...

Muchas gracias por el Gadget, por cierto muy buen Blog

Enhorabuena y suerte

juanmanuelvj dijo...
Este comentario ha sido eliminado por el autor.
akdemiks dijo...

Gracias me servira mucho

Podmen dijo...

muchísimas gracias por el post!!! nos a venido muuy bien para nuestro blog ya que es verdad que se pierde mucho traffico por indiomas... por eso en nuestro caso decidimos acerlo en ingles

pero ahora gracias a tu post todo el mundo lo podrá ver en castellano!!

chequenlo si pueden: http://podmen.blogspot.com/

Anticandy dijo...

Hola! no se puede directamente añadir el gadget??? Un saludo

EldelPan dijo...

Mil gracias!! Funciona a la perfección en mi nuevo blog!!

Ruca, la casa de los complementos dijo...

Muchas gracias, creo que esto me va ayudar mucho

Pablo de La Puebla dijo...

Muchas gracias por la idea, funciona bastante bie (eso creo, porque los idiomas esos no los entiendo) Solo que al traducir al ingles en primer termino la miniatura la da como error, pero d tres opciones y una de ellas es verlo a pantalla completa y ahi se ve. Gracias nuevamente, espero que haya más visitas ahora en mi blog.

Pablo de La Puebla dijo...

Esteban dijo...

Hay una parte que esta de mas.. es esta..

".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;
}"
Eso BORRENLO

No entiendo porque hay que borrarlo, si se ve bien y funciona bien, lo unico que modifique yo es la parte que codifica la bandera Española, ya que está de mas ya que el original es un blog en Español. Me pueden aclarar esto por favor?

Cine Online dijo...

buenisimo man, ahora si cualquiera puede traducir a mi bloger de peliculas, espero que la visiten amigos, muchas gracias por el codigo, los espero en mi web www.pelisonline.in

Hispane Memento dijo...

Muchas gracias amigo. Lo he añadido a mi blog de héroes hispánicos y ya se notan las visitas del resto de Europa y no sólo de España e Hispanoamérica. ¡Gracias de nuevo!

marketingcr.blogspot.com dijo...

Muy bueno el aporte, solo que creo que ahora es mucho más sencillo como solamente arrastrar el gatget

mosotin.blogspot.com dijo...

Es más facil usar el asistente de google, sin embargo mmuchas gracias por el aporte

AZULPLATA dijo...

Gracias queda precioso de esta manera. Un abrazo

roski dijo...

Gracias por fin pude ponerlo...........un bico

Kranky dijo...

Muchas gracias por el gadget!! :D

Phillip Jones dijo...

He encontrado un gran sitio web que enseña muchos idiomas diferentes. Nunca he visto un sitio con tantas clases gratis. Compruébelo usted mismo www.lingohut.com

bolaños gomez dijo...

muchisimas gracias por el post! me ha venido genial! :)

traductor idiomas dijo...

Buena información!!! ¿Alguna vez has necesitado leer una información que se encuentra en otro idioma y no has podido hacerlo porque no lo manejas? ¡No te preocupes! Con un traductor idiomas a la mano podrás revisar cualquier noticia en cualquier idioma en determinado momento y lugar del mundo y lo mejor es que está al alcance de tus manos… ¡Para mayor información visita ésta página!

Ana Alcoi dijo...

Genial, ha funcionado a la primera, muchas gracias!

Yola García dijo...

Genial, a la primera y estupendo. Mil gracias

Vicky dijo...

Muchas gracias! me sirvió mucho!

Marion Suarez dijo...

Recomiendo este software de traducción para blogs: https://poeditor.com. Es una herramienta en línea, con una interfaz muy útil y la memoria de traducción. También cuenta con API y varios plugins útiles.

Publicar un comentario

 
Powered by Blogger