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.
- localiza el twitt que quieres referenciar
- 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)
- ve a la página de Blackbird Pie
- pega en el cuadro la dirección y pulsa en «Bake it»
- copia el código que se genera que verás al final de la página (debajo del ejemplo)
- 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}
Twitter Mediatwittermedia
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