Botón de compartir en twitter en mi blog con acortador de urls
Ayer me puse a investigar como hacer un botón para compartir los artículos de este blog en twitter.
Ya tenía todo el código listo y funcionando hasta que me encontré con un pequeño detalle, las ulrs de mi blog son enormes, por eso decidí implementar un acortador de urls como bit.ly.
Tengo que aclarar que el código aqui mostrado esta diseñado para funcionar con blogsome pero no dudo que con algunas modificaciones funcione en cualquier otro sitio.
Material necesario.
A ver amiguitooooos ( jajajaja ) el material para implementar el acortador de urls es:
Una cuenta en bit.ly , es necesario porque vamos a necesitar un nombre de usuario y un API Key. Una vez que estén registrados vayan a la información de su cuenta y lo verán del lado izquierdo de la pantalla.
Opcionalmente querrán una imagen, un pequeño botón , hongkiat tiene un artículo con una amplia colección de iconos y botones para twitter.
Agregar el código.
Mucha de la información necesaria para la realización de este artículo fue obtenida de la Documentación de bit.ly sobre Javascript Client API
Primero agregamos el siguiente código en el index de nuestra página, justo antes de la etiqueta </head>
<!-- Para acortar url's con bit.ly --> <script type="text/javascript" charset="utf-8" src="http://bit.ly/javascript-api.js?version=latest&login=NOMBRE_DE_USUARIO&apiKey=API_KEY_DEL_USUARIO"></script> <script type="text/javascript" charset="utf-8" src="http://s.bit.ly/TweetAndTrack.js?v=1.01"></script>
Noten que tienen que reemplazar el nombre de usuario y el api key por los suyos.
Ahora en blogsome, es necesario editar el archivo posts.html para que aparezca nuestro botón.
<a href="#" onclick="return TweetAndTrack.open(this, '{permalink_link}');"><span style="display:none;"> ... {the_title} en #Linuxman</span><img src='/images/twitter_icon.jpg' title="Compártelo en Twitter" /> Twitéalo</a>
Y listo, al hacer clic en el botón de twitter que esta al final de cada artículo, lo redirecciona a la página de twiiter con un mensaje sugerido y el url acortado.
¡Feliz puente!, ¿Si se acuerdan que celebramos cierto?
Archivado en: Mi Blog, Servicios de Internet | | November 14, 2009
Agregar a del.icio.us |
# 1 | EKO
November 14, 2009 @ 3:25 pm