Mandar un post de Blogger a Twitter

Pues TwitThis es una página que te permite poner un botón o un enlace debajo de tus posts para que tus lectores puedan enviarlos a Twitter. Pero está bastante engorroso. Cuando haces clic en el enlace te manda a una página de TwitThis, donde tienes que escoger una frase (todas están en inglés) que acompañe a tu Twit y luego te manda a Twitter, donde finalmente lo publicas.



 La verdad no me gustó y había visto en algunos blogs de Wordpress un sistema más sencillo, el cual te manda directamente a Twitter, sin ningún intermediario incómodo. ¡Y sí pude ponerlo aquí en mi blog!.



El código es este:

<a expr:href='"http://twitter.com/home?status=Leyendo " + data:post.title + " " + data:post.url' title='Coméntalo en Twitter'>Manda este post a Twitter</a>

Y ahora vamos a analizarlo parte por parte:

• <a expr:href=’”http://twitter.com/home Esto nos manda a nuestra página de inicio de Twitter, o al Login si no estás Logeado.


• ?status=Leyendo “ Esto nos manda directo a al cuadro de texto donde escribimos nuestras actualizaciones. Lo que pongas entre el igual (=) y la comilla (“) es lo que aparecerá en el cuadro. En este caso aparecerá ‘Leyendo’ pero lo pueden cambiar por lo que quieran.


• + Ahora a ‘Leyendo’ le vamos a agregar más cosas, para eso usamos el signo de más (+).


• data:post.title Con esto, aparecerá el título de nuestro post.


• ” “ Agregamos un espacio.


• data:post.url Con esto, aparecerá la URL de nuestro post.

Esos son los elementos principales, los cuales podemos modificar o cambiar en su orden. También pueden modificar el atributo title o usar una imagen en lugar de texto. Para esto el código quedaría así:

<a expr:href='"http://twitter.com/home?status=Leyendo " + data:post.title + " " + data:post.url' title='Coméntalo en Twitter'><img src="URL-de-la-imagen"/></a>

¿Pero donde pongo esto? Pues lo mejor es ponerlo en post-footer, es decir:

• Vas a Edición HTML


• Guardas una copia de la plantilla (por si las dudas)


• Expandes los artilugios


• Buscas <div class=”post-footer-line post-footer-line-4″> , o puede ser 2 o 3


• Y pones tu código ahí

Al hacer clic en el enlace, el Twit quedaría así:





Listo para que solo hagan clic en ‘Update’. La verdad no sé si alguien ya haya hecho esto en Blogger (no veo porque no, es muy sencillo), pero yo lo deduje por mi cuenta. Así que si este tutorial ya existe en otra parte pues les aseguro que no lo copié.