Mostrar las imágenes de Twitpic en nuestro blog

Con Twitpic es fácil publicar imágenes en Twitter pero, pese a ser uno de los servicios más utilizados, no dispone de badges que permitan mostrar el contenido en un sitio externo aunque, aparentemente, en algún tiempo existieron y aún están allí, tal como lo muestra todoTwitter.

Como no me gustan los gadgets prediseñados, me quedo con el segundo método que implica agregar el script y es muy simple ya que lo podemos poner en un elemento HTML, directamente en la plantilla o incluso en una entrada individual.

Sólo debemos escribir un código como este:

<div id="miTwitpic">
<script src="http://twitpic.com/badge/v1.jsx?username=miNombre&count=5&size=thumb&colorbg=000000&colorborder=444444&colorfont=AAAAAA&colorlink=556677&title=miTitulo" type="text/javascript">
</script>
</div>

Allí, hay una serie de parámetros que debemos configurar:

username=miNombre allí debemos colocar nuestro nombre de usuario
count=valor es la cantidad de imágenes a ser msotradas
size=thumb define el tamaño de esas imágenes, puede ser mini, thumb o large
colorbg=rrggbb el color de fondo (por defecto es FFFFFF)
colorborder=rrggbb el color del borde (por defecto es EEEEEE)
colorfont=rrggbb el color de los textos
colorlink=rrggbb el color de los enlaces (por defecto es el de nuestra plantilla)
title=miTitulo el título a mostrar

Colocando el script dentro de un DIV, podemos nos da una posibilidad extra, ignorar los bordes del diseño original y armarla a gusto con CSS; en este caso:

#miTwitpic {
  -moz-border-radius: 10px;
  background-color: #222;
  border: 2px solid #444;
  margin: 0 auto;
  padding: 10px;
  width: 200px;
}

Y eso es todo, guardamos y ya tenemos el gadget funcionando.