TranslateThis es un botón Javascript que se puede agregar y dar la opción para traducción del blog en 52 idiomas.
Solamente hay que copiar y pegar el siguiente código Javascript en donde quieran mostrar el botón:
<!-- Begin TranslateThis Button -->
<div id="translate-this"><a href="http://translateth.is/" class="translate-this-button">Translate</a></div>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script>
<script type="text/javascript">
TranslateThis();
</script>
<!-- End TranslateThis Button -->
El botón también nos permite personalizarlo.
Se puede cambiar el texto, imagen, que parte del blog no traducir, idiomas a mostrar, etc.. Ver detalles:
Ejemplos:
Imagen: btnImg : 'URL de la imagen',
btnHeight : Altura de la imagen,
btnWidth : Ancho de la imagen,
panelText : 'Traducción en:',
moreText : '36 Idiomas más »',
busyText : 'Traduciendo la página...',
cancelText : 'Cancelar',
doneText : 'Esta página traducida por el',
undoText : 'Cerrar »',
cookie : false,
Se agrega en la función JavaScript "TranslateThis"
<script type="text/javascript">
TranslateThis({
btnImg : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOfikH0Fw0t9xBp_sIbON63TSXchV1DpIGJdIh9xDwlcu0Er_WiublmQ3APxIaMtT90zqDH8gthy-7ED9cTKdNPyAmwmXCDxq3odMyhnVqBBlLvePOjRhbRkq-Nfji0HquhdkSr32UMQ25/s320/translate.jpg',
btnHeight : 38,
btnWidth : 38,
panelText : 'Traducción en:',
moreText : '36 Idiomas más »',
busyText : 'Traduciendo la página...',
cancelText : 'Cancelar',
doneText : 'Esta página traducida por el',
undoText : 'Cerrar »',
cookie : false,
});
</script>
El código final quedaría así:
<!-- Begin TranslateThis Button -->
<div id="translate-this"><a href="http://translateth.is/" class="translate-this-button">Translate</a></div>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script>
<script type="text/javascript">TranslateThis({btnImg : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOfikH0Fw0t9xBp_sIbON63TSXchV1DpIGJdIh9xDwlcu0Er_WiublmQ3APxIaMtT90zqDH8gthy-7ED9cTKdNPyAmwmXCDxq3odMyhnVqBBlLvePOjRhbRkq-Nfji0HquhdkSr32UMQ25/s320/translate.jpg',btnHeight : 38,btnWidth : 38,panelText : 'Traducción en:',moreText : '36 Idiomas más »',busyText : 'Traduciendo la página...',cancelText : 'Cancelar',doneText : 'Esta página traducida por el',undoText : 'Cerrar »',cookie : false,});</script>
<!-- End TranslateThis Button -->
Leer Importante...
Enlaza el blog ...
Ultimos comentarios
Hola Vku. Me gusta, pero no consigo dentrarlo en la sidear, queda a la izquierda. pongo esto center xxxxxxx /center y nada y pongo esto y tampoco
div align="center" xxxxxxxxx /div
Le he quitado los signos del principio porque si no no te lo puedo mandar, tú sabes lo que te digo jeje
Saludos
Meri:
Hace así:
<div style="text-align: left; margin-left: 30px;">
ACA EL SCRIPT
</div>
Anda probando la distancia 30px.
A mi me paso lo mismo en la entrada.
Holaaaa Vku, de nuevo por tu blog, mira, tengo una nueva consulta, quisiera poner el boton de bitacoras en mis entradas pero lo quisiera al lado de donde me ayudaste antes a poner el de facebook y los de blogger, todos en la misma linea, uno al lado de otro..¿es posible? es que no me acuerdo como me dijiste antes que debia hacerlo..
Gracias
Creo que es arriba de:
</div>
<div class="post-footer-line post-footer-line-3"/>
@ Vku:
No, no es ahi,no queda bien el boton
Teo, mandame la plantilla y el código del botón en otro archivo de texto.
@ Vku:
Ya lo he dejado puesto, esta bien alineado pero muy abajo como te digo
Teo, yo lo veo bien
Fijate: http://img41.xooimage.com/files/b/4/7/teo-28a4acf.png
@ Vku:
No entiendo que me quieres decir,¿en que me fijo?
En esta imagen:
http://img41.xooimage.com/files/b/4/7/teo-28a4acf.png
Asi lo veo yo y no encuentro nada mal
@ Vku:
J...... tu lo ves impecable!!!!
¿dependera del navegador?
Yo lo veo bien en los 3.
Vos como lo ves?
Dejame una imagen y con que navegador lo ves mal o lo ves mal en todos.
@ Vku:
https://4349542429287882846-a-1802744773732722657-s-sites.googlegroups.com/site/teofermi1/fotos/blog.png
Yo lo veo asi con Mozilla
Busca lo siguiente:
.share-button {
display:inline-block;
margin-bottom:40px;
}
.post-footer-line-2 {
margin-top:15px;
}
Cambialo por esto otro:
.share-button {
display:inline-block;
margin-bottom:-7px;
}
.post-footer-line-2 {
margin-top:15px;
margin-bottom:35px;
}
@ Vku:
¡¡¡¡PERFECTO!!!!
No se que haria yo sin ti, cada dia mi blog es mas tuyo jjaja
Muchas gracias, no se como agradecerte tu ayuda
Si tienes alguna opinión respecto a la entrada, tienes un punto de vista distinto, o simplemente quieres saludar, te invito a que dejes un comentario. NO SE ACEPTAN LINKS DE REFERIDOS para que los comentarios no se conviertan simplemente en una forma de publicitarse.
Elegir un botón o imagen, Seleccionar, copiar (Ctrl+C) y pegar en formulario de comentarios.
Nota: solo los miembros de este blog pueden publicar comentarios.