Botón de compartir en twitter en mi blog con acortador de urls

twittealo

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='http://linuxmanr4.com/wp-content/uploads/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?

2 thoughts on “Botón de compartir en twitter en mi blog con acortador de urls

  1. Bien-tos Linuxman, algo así ando buscando para mi blog pero no tan claro como aquí!! (sobretodo lo de la cuenta con bit.ly). muchas cgracias !!!

    Y pues como no recordar lo q celebramos… el 19 de noviembre, la conmemoración de la explosión en san juanico, no? (it’s a joke!)

  2. twiteadisumo…… FAIL!: se cae el internet en Campus Party…. jeje no tendrian servidor linux??? o peor estaban conectados a megachafa, que castiga el ancho de banda de 10 megas a 128 kbps cuando detecta que ay mas de 2 compus o peor varios router.. es un caso maussan?????… recuerde twiter lo tubo primero si lo ve mañana en el periodico de ay tomaron la noticia.. jejeje.

¡Me encantaría saber que opinas!

%d bloggers like this: