Ayer me encontré en el blog de @elquique con un botón muy simpático para hacer RT de los post, él lo agregó con un plugin de WordPress pero yo en Blogger utilicé el siguiente código.
El botón es un servicio ofrecido por Topsy y en su página se pueden encontrar todos los parámetros para configurarlo, el código a utilizar es el siguiente:
<div style=’float: right;’>
<script type=’text/javascript’>
var topsy_nick = ‘tu_usuario_de_twitter‘;
var topsy_style = ‘small’;
var topsy_url = ‘<data:post.url/>’;
var topsy_title = ‘<data:post.title/>’;
var topsy_theme = ‘brick-red’;
</script><script src=’http://cdn.topsy.com/button.js’ type=’text/javascript’/></div>
Simplemente se trata de un script dentro de un div para posicionarlo sobre la derecha de los post. El código lo agregue después de post-footer-line post-footer-line-1 para que quedara en la parte inferior de los post.
Charlando con JMiur descubrí un problema, con este código el script se cargará varias veces en la página principal, según la cantidad de post. Esto no es lo ideal, lo ideal sería tener variables globales dentro del <head> para no repetir los scripts, sin embargo estuve realizando pruebas y no logré hacerlo funcionar.
La solución a esto es aplicar las condicionales de Blogger para ocultar el código en la Home y mostrarlo sólo en las páginas individuales. Es lo que estoy aplicando en estos momentos.
El código final quedaría así, el botón sólo aparece en los post individuales:
<b:if cond=’data:blog.pageType == «item»‘>
<div style=’float: right;’>
<script type=’text/javascript’>
var topsy_nick = ‘tu_usuario_de_twitter‘;
var topsy_style = ‘small’;
var topsy_url = ‘<data:post.url/>’;
var topsy_title = ‘<data:post.title/>’;
var topsy_theme = ‘brick-red’;
</script><script src=’http://cdn.topsy.com/button.js’ type=’text/javascript’/></div>
</b:if>
Hay más colores disponibles y variables, en la página de Topsy podrás encontrar más información. Por ejemplo, si se cambia «small» por «big» se muestra un botón más grande.
Por último mencionar que si deseas agregar otros botones sociales a Blogger, Gem@ tiene un post muy bueno al respecto. Siguiendo sus consejos agregué los botones de Facebook y Twitter que se ven aquí abajo.