Etiqueta: blackbird pie

Ayer anunciaron el twittermedia que hoy estaría disponible una forma de insertar twitts dentro de una anotación de un blog (embedded twitter). Y no como una imagen, tal y como se podía hacer hasta ahora capturando la pantalla, sino como código HTML que te permita además seguir enlaces, buscar los #hastags o acudir al perfil del autor. Le herramienta se llama Blackbird Pie y lo que hace es generar, a partir de la dirección del twitt individual, un código para que lo copies y lo pegues dentro de tu anotación, igual que harías, por ejemplo, con un vídeo de youtube o unas transparencias de slideshare (por poner algunos ejemplos).

El proceso es sencillo.

1. localiza el twitt que quieres referenciar
2. pincha en la etiqueta horaria para obtener en enlace (puedes abrirlo en una ventana/pestaña nueva o directamente copiar la dirección del enlace haciendo click con el botón derecho del ratón)
3. ve a la página de Blackbird Pie
4. pega en el cuadro la dirección y pulsa en «Bake it»
5. copia el código que se genera que verás al final de la página (debajo del ejemplo)
6. en tu blog, crea una anotación nueva y pega el código donde quieras que aparezca el twitt.

El resultado es el siguiente tomando como ejemplo este twitt.

.bbpBox{background:url(http://a1.twimg.com/profile_background_images/90427732/twittermedia-bg.png) #12212d;padding:20px;}p.bbpTweet{background:#fff;padding:10px 12px 10px 12px;margin:0;min-height:48px;color:#000;font-size:18px !important;line-height:22px;-moz-border-radius:5px;-webkit-border-radius:5px}p.bbpTweet span.metadata{display:block;width:100%;clear:both;margin-top:8px;padding-top:12px;height:40px;border-top:1px solid #fff;border-top:1px solid #e6e6e6}p.bbpTweet span.metadata span.author{line-height:19px}p.bbpTweet span.metadata span.author img{float:left;margin:0 7px 0 0px;width:38px;height:38px}p.bbpTweet a:hover{text-decoration:underline}p.bbpTweet span.timestamp{font-size:12px;display:block}

Okay, here’s a simple tool that makes static HTML tweets for blog posts & news articles. It’s called Blackbird Pie: http://bit.ly/aiEx8lless than a minute ago via webTwitter Media
twittermedia

Como ves, se hacen unos pequeños ajustes para que las fuentes que se emplean se adecuen a la plantilla del blog. En mi caso parece que la decisión del color del fondo (o de la letra) no parece muy acertada :-(  Sin embargo, en esta anotación sale mejor. No sé cuál es la diferencia