Vagabundia

Sobre la mala memoria

2008-07-07T00:30:00.000-03:00

Los inmigrantes sin papeles que sean detenidos en suelo europeo podrán pasar hasta 18 meses retenidos en centros de internamiento mientras se tramita su expulsión. Podrán ser detenidos con una mera orden administrativa y una vez expulsados no podrán volver a la UE en cinco años. Los inmigrantes menores de 18 años no acompañados podrán ser repatriados.

elpais.com 18/06/2008

Proteccionismo, xenofobia, globalización, el muro crece mientras intentamos mantener el equilibrio para no caernos o darnos cuentas que las líneas sólo son puntos y rayas en un hoja de papel al que llamamos mundo.

Es probable que el olvido esté lleno de memoria y que al final de cuentas, los 200 millones de refugiados que generó el siglo XX entre los cuales se incluyen más de 70 millones de europeos, sólo sean un número intrascendente frente a la nueva realidad. También es probable que, desde alguna rincón del universo, mi abuelo mire con tristeza hacia donde alguna vez estuvo su vieja patria y siga sin comprender por qué tuvo que huir y por qué la historia vuelve a repetirse aunque los barcos hayan cambiado de dirección.

Yo no puedo contestarle; sólo recordar a Lennon y una canción de 1973 escrita un poco antes de la finalización de la guerra de Vietnam. No sé por qué pero Bring on the Lucie parece estar diciéndome otra cosa:

We don't care what flag you're waving
we don't even want to know your name
we don't care where you're from or where you're going
all we know is that you came
you're making all our desicions
we have just one request of you
that while you're thinking things over
here's something you just better do:

Free the people now ... do it do it do it now.

Well we were caught with our hands in the air
don't desapir paranoia is everywhere
we can shake it with love when we're scared
so let's shout it aloud like a prayer.

We understand your paranoia
but we don't want to play your game
you think you're cool and know what you are doing
666 is your name
so while you're jerking off each other
you better bear this thought in mind
your time is up you better know it
but maybe you don't read the signs.

Well you were caught with your hands in the kill
and you still got to swallow your pill
as you slip and you slide down the hill
on the blood of the people you killed.

Stop the killing now ... do it do it do it now
bring on the Lucie.

Ver/Ocultar Traducción [+]

REFERENCIAS:

fferine.org

directivadelaverguenza.org

CSS y GIFS animando enlaces

2008-07-07T00:05:00.001-03:00

Alguna vez escribí algo sobre el uso de GIFs animados como alternativa a los efectos onmousover sobre los enlaces. De hecho, uso algo de eso en el blog y no me avergüenzo ... demasiado

Ahora, en 3point Design veo una variante para hacer lo mismo con los menús.

.solapamenu li a, .solapamenu li a:visited {
  background: transparent url(URL_imagenFija) center center repeat-x;
  [... propiedades de color, bordes y fuentes ...]
}

.solapamenu li a:hover {
  background: transparent url(URL_imagenAnimada) center center repeat-x;
  [... propiedades de color y fuentes ...]
}

Todo lo que debemos hacer es establecer la propiedad background del enlace con una imagen de fondo fija para las solapas y cambiarla por una imagen animada usando el evento hover:

#main_nav a {
  background: url(URL_imagenAnimada); 
  display: block;
  width: 150px;
  height: 150px;
}
#main_nav a:hover {
  background-position: -150px 0;
}

ibreadcrumbs: Graba mientras navegamos

2008-07-07T00:00:00.000-03:00

iBreadcrumbs es una barra que se puede agregar en el navegador y con la cual podemos grabar las páginas que visitamos.

El sitio, pensado como un lugar para que estudiantes y profesores puedan trabajar en proyectos conjuntos, en realidad funciona como red social así que es bastante flexible.

Click para ver el video.

REFERENCIAS:

Incubaweb

Relámpagos del pasado

2008-07-06T00:00:00.001-03:00

Ivan Vaughan era un amigo mío, nacimos justo el mismo día. Era 6 de julio de 1957 y ambos teníamos 15 años, estábamos en una fiesta; una banda tocaba y nos acercamos a la plataforma porque éramos adolescentes y todo lo que nos interesaba eran las chicas y la música. Tocaban Come go with me, un tema de Del-Vikings que me encantaba. El que cantaba era un tipo de buen aspecto, vestido a la moda. Parecía que se había olvidado la letra e inventaba palabras y frase que igual sonaban bien y nadie parecía darse cuenta. Todo muy al estilo de los cantantes de blues. Cuando terminó el show, fuimos con Ivan trás bastidores. La banda estaba preparándose para dar una función esa misma noche en la iglesia de St. Peters; había cerveza y todos estaban un poco borrachos. Yo era demasiado joven en ese entonces, pero pensé, "seguro que alguien me da un sorbo". No hablamos con nadie pero volvimos esa misma noche y el show fue mejor aunque hubo una pelea que casi termina con todo. Me preguntaba "qué hago yo aquí en medio de la mafia" pero todo salió bien, otra vez fuimos con el grupo cuando terminaron y en algún momento me puse a tocar en un piano. John estaba enojado, molesto por los líos del show y en un momento sentí su respiración agitada sobre mi hombro y pensé "maldición, que hice" pero él parecía estar disfrutando y me alcanzó una guitarra. La agarré al revés y se rieron. Empecé a tocar Twenty flight rock y me preguntaron "¿te sabés toda la letra de memoria?" Ninguno de los Quarry Men conocía un tema completo, simplemente tocaban lo que se acordaban y el resto lo inventaban. Con Iván siempre estábamos paseando en bicicleta por los alrededores de Woolton. En uno de esos paseos nos encontramos con Pete Shotton que era miembro de los Quarry Men, fue él quien me dijo: "John cree que eres bueno y quiere saber si te gustaría formar parte del grupo". Le dije que iba a pensarlo para hacerme rogar un poco pero yo estaba muy entusiasmado con la idea. Al día siguiente, le dije a Ivan que les contestara que sí, que aceptaba.

Click para ejecutar el video.

Conocí a Paul cuando me lo presentó Ivan. Un día, estábamos tocando en Woolton y llegaron ellos, no recuerdo bien los detalles pero si me acuerdo que con The Quarry Men habíamos estado tocando en una especie de escenario al aire libre y había bastante gente. Al terminar el show, ellos se acercaron y hablamos un buen rato mientras tomábamos cerveza. En un momento, Paul agarró una guitarra y se puso a tocar Twenty flight rock, el tema de Eddie Cochran. Me impresionó. "Es demasiado bueno", pensé "¿qué pasaría sin nos juntábamos? ¿iba a poder manejarlo?" No podía dejar de dudar porque en ese momento tocaba mejor que yo, mejor que cualquiera del grupo, parecía Elvis. Tenía que decidir si yo quería tener un grupo fuerte, un grupo en serio o sólo ser el líder de un grupo mediocre. Paul podía hacer la diferencia. Por fin me decidí y le pregunté "¿quieres formar parte del grupo?"; él dijo "sí" enseguida y creo que los dos hicimos bien.

Meses después:El Cavern Club era un sótano que había sido una vieja bodega de vinos y que estaba formado por tres túneles unidos por arcadas.

El 7 de agosto de 1957, los Quarry Men hicieron su debut tocando varios temas de Elvis Presley. El dueño no estaba muy feliz y les envió una nota: "terminen de una vez con el maldito rock." Paul no participó en ese show y recién lo hizo por primera vez el 24 de enero de1958.

"Ese lugar era una infierno claustrofóbico pero era un gran infierno." Paul McCartney.

"Nos encantaba The Cavern, era fantástico. Nos idenficábamos con la gente, ellos eran como nosotros. Venían a la hora de almorzar y traían sus sandwiches. Nosotros hacíamos lo mismo, comíamos mientras tocábamos. Todo era espontáneo. Todo podía pasar." George Harrison.

Click para cerrar

Click para ver las imágenes.

Unos años después:En febrero de 1961, The Beatles donde ya estaban George Harrison y Pete Best comenzaron con una serie de shows que se realizaban a la hora del almuerzo y luego pasaron a tocar a la tarde convirtiéndose poco a poco en un suceso que atraía a todo Liverpool. Ringo Starr también tocaba con su propio grupo, Rory Storm and the Hurricanes y su primera aparición como baterista del grupo fue en agosto de 1962.

Click para cerrar

Click para ver las imágenes.

Durante esos pocos años, hicieron 292 actuaciones cobrando unos 25 chelines por sesión (unos dos dólares).

Click para ejecutar el video.

Casi no hay grabaciones de aquella época pre-digital así que cualquier cosa es bienvenida y de tanto en tanto, alguien encuentra alguna perla. Por ejemplo, Percy Phillips, un coleccionista inglés, pagó unas 400 libras por un paquete de discos viejos y entre ellos se encontró con una acetato de los Quarry Me grabado a finales de 1958. Ni lerdo ni perezoso, hizo varias copias.

El disco grabado en Phillips Sound Recording Service tenía dos temas, Tha'll be the day de Buddy Holly y otro compuesto por McCartney y Harrison llamado Inspite of all the danger. En ambos, la voz principal era la de John y Paul hacía los coros. El grupo también incluía al baterista Colin Hanton. No era un disco "normal" sino uno muy precario por el que pagaron unos dos dólares para grabarlo y que era tan frágil que en la etiqueta decía "Play with a light-weight pick-up".

En 1981, el entonces propietario del disco, John Duff Lowe intentó subastarlo en Sotheby pero Paul McCartney logró detener la venta y lo compró. Tiempo después, lo remasterizó digitalmente e hizo 50 copias que regaló a sus amigos para navidad. Aunque hay algunas versiones de esos temas en discos como The Beatles Anthology Volume 1, ninguna de ellas es la original.

"Me siento extraño cuando lo escucho, siento que me ahogo; es como un relámpago de tu pasado que te pega y no sabes que pensar". Paul McCartney.

"Hace tiempo que pienso en recopilar todas esas cosas y hacer un disco tratando de contar lo que sentía y qué intentábamos hacer cuando grabábamos todos esos demos. Me gustaría hacerlo e incluirlo como regalo en algún futuro disco". John Lennon.

Wallpapers (paisajes en rojo)

2008-07-05T00:05:00.000-03:00

Click en la imagen para previsualizar un modelo reducido.
1024x768	1152x819
1152x864	1152x818
1152x864	1152x864
Descargar el archivo ZIP que contiene las imágenes en formato JPG

Jugando con la geografía

2008-07-05T00:00:00.000-03:00

REFERENCIAS:

Globe Game by Addicting Games

Blogger: Lista de las etiquetas data

2008-07-04T00:05:00.000-03:00

En Blogger hay una mezcla de idiomas de que muchas veces confunde porque ¿qué etiqueta HTML es <b:skin> </b:skin>? La respuesta es sencilla, Blogger habla lenguaje Blogger y todas esas etiquetas que comienzan con <b: y terminan con </b: son etiquetas especiales. No vamos a entrar en demasiados detalles.

Pero no son las únicas etiquetas especiales.

Muchas veces, cundo alguien cambia la plantilla o tiene algún problema, suele preguntar ¿que hago con las cosas en la sidebar? Si pregunta es porque ve la plantilla, busca eso que escribió en un elemento HTML, por ejemplo y ... no lo encuentra por ningún lado ¿dónde está? Pués están en el mismo lugar donde están los posts o por ahí cerca.

Blogger guarda todo eso y mucho más en "una base de datos" a la que no podemos acceder sino es por medio de etiquetas especiales o mediante algún script que utilice JSON (JavaScript Object Notation) lo que suele ser bastante complicado de hacer.

Si alguien quiere saber cuál es la diferencia entre WordPress y Blogger ya tiene mi respuesta: esa imposibilidad es la "gran diferencia", lo demás es maquillaje.

Estamos limitados pero aún así podemos acceder a algunos datos ya que hay una etiqueta específica para eso y la podemos ver en cualquier plantilla. En términos generales tienen esta sintáxis:

<data:tipo[.subtipo]>

donde tipo es el nombre del dato que, en algunos casos tiene un subtipo que se separa del anterior por un punto.

Algunas de esas etiquetas (y de esos datos) sólo pueden usarse en algún lugar específico de la plantilla; otros pueden ser accesibles desde cualquier lugar.

Un detalle a tener en cuenta es que SOLO pueden estar en la plantilla así que los elementos no pueden contener etiquetas de ese tipo sino sólo HTML puro.

Un problema extra es que no hay una lista oficial de estas etiquetas y constantemente Blogger crea nuevas y se adosan a las plantillas por defecto sin que nos enteremos de su existencia hasta que las vemos.

Las etiquetas de uso general tienen el siguiente formato:

<data:blog.nombre/>

Y son las siguientes:

data:blog.title es el título del blog según lo hayamos definido en la configuración
data:blog.pageTitle es el título de la página actual que, generalmente, es el título del blog más algún otro dato adicional
data:blog.pageName es el título de la página que generalmente coincide con el título del post
data:blog.pageType es el tipo de página donde estamos (item archive index)
data:blog.homepageUrl la dirección URL de la página de inicio del blog
data:blog.url es la dirección URL de la página donde estamos
data:blog.feedLinks es lo que permite descubrir la dirección de los feeds
data:blog.encoding es el tipo de codificación (UTF-8, etc.)
data:blog.languageDirection indica la forma de escritura del lenguaje del blog

Las otras etiquetas sólo son accesibles dentro de ciertos sectores definidos con las etiquetas:

<b:includable id="tipo">
  .......
</b:includable>

Ese valor indicado en el atributo ID es el que define que tipo de datos son accesibles.

Hay un dato que es común a todos los elementos:

data:title es el texto del título que le dimos al elemento

En el HEADER sólo hay uno más:

data:description es el texto con la descripción del blog definida en la configuración

En el elemento PROFILE (perfil) hay muchos y se corresponden con los datos de nuestra cuenta:

data:userUrl es la dirección URL de nuestro perfil en Blogger
data:displayname es el nombre a ser mostrado
data:location es la ubicación geográfica del administrador
data:aboutme es el texto por defecto "About Me"
data:team indica si es es un blog individual (false) o colectivo (true)

La imagen de nuestro perfil se encuentra en data:photo.subtipo:

data:photo.url es la dirección URL donde está alojada la imagen
data:photo.width es el ancho de la imagen (en pixeles)
data:photo.height es el alto de la imagen (en pixeles)
data:photo.alt es el texto del atributo ALT

En el caso de blogs colectivos, data.authors.subtipo contiene la lista de autores:

data:authors.displayname cada uno e los autores
data:authors.userURL las direcciones de los perfiles

En los elementos TEXT y HTML sólo hay un dato:

data:content que es contenido (un texto plano)

En el elemento PICTURE (imagen):

data:sourceUrl es la dirección URL de la imagen
data:width es el ancho de la imagen (en pixeles)
data:height es el alto de la imagen (en pixeles)
data:caption es el texto adicional optativo

En los elementos LABELS (etiquetas) data:labels.subtipo contiene la lista de etiquetas:

data:label.name el nombre de la etiqueta
data:label.count la cantidad de posts con esa etiqueta
data:label.url la dirección URL a la página de etiquetas

En el elemento LIST (listas) sólo hay un dato:

data:items contiene la lista de items

En el elemento LINKLIST (vínculos) la lista se encuentra en data:links.subtipo:

data:links.name el texto de los enlaces
data:links.target la dirección de cada enlace

En el elemento LOGO (el botón de Blogger):

data:fullButton es la dirección URL de la imagen elegida

En el elemento ADSENSE:

data:adStart marca el inicio del elemento
data:adCode es el contenido
data:adEnd marca el final del elemento

En el elemento ARCHIVES (archivos):

data:style indica el estilo (MENU FLAT HIERARCHY)
data:toggleopen es un dato interno usado por Blogger

Y data:data.subtipo contiene la lista de archivos:

data:data.name el título de cada entrada
data:data.url la direcciòn URL de cada entrada
data:data.post-count la cantidad de posts por fecha

Además, se usa data:interval.subtipo para los bucles internos definidos:

data:interval.expclass
data:interval.toggleId
data:intervalData.expclass
data:intervalData.url
data:intervalData.name
data:intervalData.post-count
data:intervalData.data
data:intervalData.posts

Los datos de los feeds son válidos para el elemento FEEDS, para la pagina principal, para la de items y para los comentarios:

data:feedUrl es la dirección del feed

La lista de feeds se encuentra en data:feedLinks.subtipo:

data:feedLink.url la dirección del feed
data:feedLink.name es el título y por defecto es "Posts Comments"
data:feedLink.feedType el tipo (Atom o RSS)
data:feedLink.mimeType el tipo MIME

Los items individuales en data:feedData.subtipo:

data:feedData.title el título
data:feedData.published la fecha de publicación
data:feedData.str_published el texto para indicar la fecha de publicación
data:feedData.updated la fecha de actualización
data:feedData.str_updated el texto para indicar la fecha de actualización
data:feedData.author el nombre del autor
data:feedData.summary es el contenido (snippet)

Hay información adicional se guarda en data:feedData.alternate.subtipo (sí, puede haber tantos subtipos como se le ocurra a Blogger):

data:feedData.alternate.href es la dirección del enlace (permalink)
data:feedData.alternate.type es el tipo de contenido

El área más compleja es la de los posts, el elemento POSTS, allí, hay varias secciones diferentes y cada una tiene sus propios datos.

El área de navegación que se muestra en la parte inferior el área de posts:

data:olderPageUrl es la URL al post anterior
data:olderPageTitle es el texto del enlace "Entradas antigüas"
data:newerPageUrl es la URL al post siguiente
data:newerPageTitle es el texto del enlace "Entradas recientes"

Datos que se usan en los pie de página, son textos que establecemos nosotros o que se definen por defecto:

data:commentLabel es el texto que seleccionemos "comment"
data:commentLabelPlural es el texto que seleccionemos "comments"
data:postCommentMsg es el texto "Publicar un comentario en la entrada"
data:authorLabel es el texto que muestra al autor "posted by"
data:timestampLabel es el texto que indica la fecha "posted at"
data:postLabelsLabel es el texto que señala las etiquetas "labels for this post"
data:backlinksLabel es el texto que señala los backlinks "links to this post"

data:navMessage es el mensaje que aparece al navegar por etiquetas:

data:widget.actionUrl es un dato interno de Blogger
data:widget.instanceId es un dato interno de Blogger

Hay una serie de datos agrupados en data.post.subtipo que se refieren a los artículos publicados:

data:post.dateHeader es la fecha del encabezado
data:post.id es un identificador único
data:post.title es el texto del título
data:post.body es el contenido de la entrada
data:post.url el enlace permanente (permalink)

data:post.showAuthor indica si se muestra (true) o no se muestra (false) al autor
data:post.author el nombre del autor
data:post.authorLabel el texto que precede al nombre del autor "posted by"

data:post.showTimestamp indica si se muestra (true) o no se muestra (false) la fecha
data:post.timestamp la fecha/hora de publicación
data:post.timestampLabel el texto que precede la fecha/hora de publicación

data:post.commentLabel es el texto que seleccionemos "comment"
data:post.commentLabelPlural es el texto que seleccionemos "comments"
data:post.allowComments indica si se permiten comentarios (true) o no (false)
data:post.numComments la cantidad de comentarios
data:post.addCommentUrl la dirección URL al formulario "add a comment"
data:post.addCommentOnclick dirección URL para agregar comentario

data:post.showBacklinks indica si se muestran los backlinks (true) o no (false)
data:post.numBacklinks la cantidad de backlinks
data:post.createLinkLabel es el texto para crear un backlink a la entrada "links to this post"
data:post.createLinkUrl la dirección URL para enlazar un post
data:post.backlinksLabel es el texto que precede a la lista de backlinks

data:post.editUrl la dirección URL al formulario de edición del post
data:post.emailPostUrl la dirección URL para enviar el post via mail "email this post"
data:post.emailPostMsg es el texto alternativo para enviar el post via mail
data:post.includeAd indica si hay un elemento Adsense (true) o no (false)
data:post.adminClass es un dato interno de Blogger

A partir de la posibilidad de tener los comentarios en varias páginas cuando superan cierta cantidad se han agregado algunos datos que lo controlan:

data:post.commentPagingRequired indica si es necesario (true) o no (false)
data:post.commentRangeText el texto de la paginación
data:post.oldLinkClass es la clase CSS para "retroceder" en la paginación
data:post.olderLinkUrl la dirección URL de la página anterior
data:post.olderLinkText el texto para ir a la página anterior
data:post.oldestLinkUrl la dirección URL de la primera página
data:post.oldestLinkText el texto para ir a la primera página
data:post.newLinkClass es la clase CSS para "avanzar" en la paginación
data:post.newerLinkUrl la dirección URL de la página siguiente
data:post.newerLinkText el texto para ir a la página siguiente
data:post.newestLinkUrl la dirección URL de la última página
data:post.newestLinkText el texto para ir a la última página

La lista de feeds del post está en data:post.feedLinks.subtipo:

data:post.feedLinks.url la URL de los feeds
data:post.feedLinks.name el lugar donde están (Posts o Comments)
data:post.feedLinks.feedType el tipo (Atom o RSS).
data:post.feedLinks.url la URL de los feeds
data:post.feedLinks.name el lugar donde están (Posts o Comments)
data:post.feedLinks.feedType el tipo (Atom o RSS).

La lista de etiquetas se encuentra en data:post.label.subtipo:

data:label.name el nombre de cada etiqueta
data:label.url la dirección URL de la página de etiquetas
data:label.isLast indica si es la última etiqueta de la lista (true) o hay más (false)

En las páginas individuales (items) la lista de datos de los comentarios se encuentra en data:comment.subtipo:

data:comment.id es el identificador único de cada comentario
data:comment.body es el contenido
data:comment.timestamp la fecha de publicación
data:comment.author el nombre del autor o "Anonymous"
data:comment.authorUrl la dirección URL del autor
data:comment.deleteUrl la dirección URL al formulario para eliminarlo
data:comment.isDeleted indica si fue eliminado (true)
data:comment.adminClass es un dato interno de Blogger

En las páginas individuales también hay una lista de backlinks en data:post.backlink.subtipo:

data:backlink.title el título del enlace
data:backlink.url la dirección URL del enlace
data:backlink.snippet es el contenido
data:backlink.author el nombre del autor
data:backlink.timestamp la fecha
data:backlink.deleteUrl la dirección URL al formulario para eliminarlo
data:backlink.adminClass es un dato interno de Blogger

Hay toda una serie de datos que se ven en algunas plantillas que parecen contener muchos de los mismos datos de anteriores data:top.subtipo:

data:top.showAuthor como data:post.showAuthor
data:top.authorLabel como data:post.authorLabel
data:top.timestampLabel como data:post.timestampLabel
data:top.showTimestamp como data:post.timestamp
data:top.commentLabel como data:post.commentLabel
data:top.commentLabelPlural como data:post.commentLabelPlural
data:top.showTimestamp como data:post.showTimestamp
data:top.backlinkLabel como data:post.backlinksLabel
data:top.showBacklink como data:post.showBacklinks
data:top.emailPostMsg como data:post.emailPostMsg

Cuando los datos son parte de una lista, se guardan en un array por lo que deben ser leídos mediante un bucle:

<b:loop values='data:posts' var='i'>
  <li>
    <a expr:href='data:i.url'>
      <data:i.title/>
    </a>
  </li>
</b:loop>

Dos Muuuu!

2008-07-04T00:00:00.001-03:00

Una tira de Pablo Mayer.

Click para ampliar.

Una vaca según la Inciclopedia.

Marcando los posts para evitar ciertas "copias"

2008-07-03T00:00:00.000-03:00

Ya varias veces hablé de FeedFlare, una de las herramientas de Feedburner que nos permite poner opciones para que utilicen los suscriptores, enviar por correo, agregar a diferentes redes sociales, etc. Todas ellas se muestran como vínculos en la parte inferior de los feeds y si queremos, también podemos usar un código que inserta lo mismo en nuestra plantilla para que esas opciones aparezcan debajo de cada post

Los servicios disponibles que podemos usar se encuentran listados en el Catálogo de FeedFlare e incluyen algunos especiales para Blogger.

Hace ya un tiempo, en una entrada donde se hablaba del contenido duplicado, un comentario de Fernando me sugería leer un artículo de Blogger Buster donde se hablaba del uso de FeedFlare para "marcar" los feeds es decir, que en ellos apareciera el autor original el post.

Recién tuve tiempo de verlo en estos días y como la idea es sencilla de implementar y podría ser útil, voy a tratar de explicar cómo hacerlo.

Si entramos en nuestra cuenta de Feedburner y vamos a Optimize, veremos que una de las herramientas que podemos usar es FeedFlare. Hacemos click y se nos mostrará una lista de opciones elementales. Podemos marcar y desmarcar las que nos interesen; a la izquierda son las que se verán en los feeds, a la derecha las que se verán en los posts si queremos usarlas.

Más abajo, lo que veremos es la posibilidad de agregar las llamadas Personal FeedFlare es decir, otras que no están listadas allí y que podemos extraer del catálogo. Todas, son direcciones a archivos XML. Por ejemplo, si agregamos esta:

http://www.feedburner.com/fb/static/flareunits/twitthis.xml

aparecerá un enlace que dirá Twit This! y que permitirá enviar el post a Twitter cuando alguien haga click en él.

Ahora bien, como Feedburner usa un API público, es posible crear nuestro propio FeedFlare que no es otra cosa que un archivo de texto con etiquetas especiales tal como nos enseñan en la FeedFlare Developer Guide. Así que vamos a utilizar esa facilidad para crear un archivo personal que agregue un enlace a nuestros feeds y que muestre nuestro nombre y nuestro blog de tal manera que quede "marcado".

El archivo XML contendrá esto:

<FeedFlareUnit>
<Catalog>
  <Title>Enlace Permanente</Title>
  <Description>Agregar el enlace de cada entrada.</Description>
</Catalog>
<FeedFlare>
<Text>Publicado por ${(ancestor-or-self::*/a:author/a:name)[last()]} en ${/a:feed/a:title}</Text>
  <Link href="${link}"/>
</FeedFlare>
</FeedFlareUnit>

Aunque pueden descargarlo en formato y luego, editarlo con un procesador de texto, lo mejor es entender un poco que significa todo eso o por lo menos, la parte que podemos modificar.

<Title> </Title> Obviamente es el título y es obligatorio.

<Description> </Description> Es una descripción de lo que se supone que hace el archivo y también es obligatorio.

<Text> </Text> es un texto opcional y es el enlace que veremos. Lo construimos con variables y texto normal:
${(ancestor-or-self::*/a:author/a:name)[last()]} es el autor del post
${/a:feed/a:title} es el título de nuestro feed que generalmente es el de nuestro blog

<Link href=""/> es un enlace opcional que es lo que nos interesa colocar. Allí podemos poner una URL completa:
<Link href="http://miBlog/miPagina.html"/>
o, como en este caso, la variable ${link} que es la URL del artículo

Así que, lo que hará ese código es "construir" un enlace que en mi caso dirá: Publicado por JMiur en Vagabundia y que si hacemos click, nos dirigirá al post correspondiente.

Si se quieren hacer pruebas, modificando el código, hay una página llamada FeedFlare Scratchpad que es una herramienta donde podemos escribir esos códigos, verificar su sintaxis y probarlos online.

Una vez que lo tenemos, lo que debemos hacer es subirlo a algún servidor como Google Pages, Hostfile o Fileden. Tomar nota de la dirección URL y luego, copiar y pegar esa dirección en el cuadro Personal FeedFlare, hacer click en agregar, ubicarlo arrastrando los elementos y guardar.

Apture: Una herrramienta que vale la pena probar

2008-07-02T00:05:00.001-03:00

Apture es un sistema que nos permite mostrar ventanas modales con contenidos diversos que nosotros definimos (vídeos, música, artículos de referencia, documentos, mapas) y que podemos integrar a cualquier sitio incluyendo Blogger, TypePad, MovableType, WordPress, Drupal, etc.

¿Qué significa esto? Que agrega un ícono a textos que seleccionamos y cuando pasamos el cursor del ratón sobre él, se muestra una ventana modal con ese contenido que nosotros definimos. Como hay que verlo para entenderlo, esta es una página donde podemos verlo en funcionamiento.

¿Qué podemos mostrar?

videos de YouTube, Google, hulu, Reveer, Blip.tv, metacafe, veoh, espn o imeem
imágenes de flickr o wikimedia
artículos de la Wikipedia, IMDb, Amazon
documentos de alojados es Scribd
mapas de Google, podcasts, archivos MP3
páginas web en general
archivos multimedia que tengamos en nuestra PC

El servicio es gratuito pero para usarlo hay que registrarse con una dirección de mail. Una vez que lo hacemos, podemos agregar tantos sitios como queramos y cada uno de ellos será independiente. Si todo es normal, en cuanto coloquemos la URL de nuestro sitio, detectará el servicio donde lo tenemos alojado y nos abrirá la página de instalación correspondiente.

En Blogger se hace agregando un elemento que no es otra cosa que un script:

<script id="aptureScript" charset="utf-8" 
  src="http://www.apture.com/js/apture.js?siteToken=XXXX" type="text/javascript"></script>

Lo único a tener en cuenta es que debe estar después de los posts así que si tenemos una sidebar izquierda, mejor lo colocamos en el footer o copiamos el código y lo ponemos manualmente antes de </body>. Terminado este paso, conviene que hagamos click en el botón Check Apture Script para verificar que hemos hecho las cosas bien.

A partir de este momento las opciones son realmente muchísimas y las podemos probar entrando en nuestro blog. Como es la primera vez que se ejecuta, aparecerá un video explicativo que podemos marcar para que no se reproduzca automáticamente cada vez que entremos en la página:

Al mismo tiempo aparecerá el editor que también podemos cerrar y controlar mediante una combinación de teclas que por defecto es CTRL+E. Con ese editor es con el que iremos agregando los enlaces.

Seleccionamos un texto o hacemos click entre párrafos para que se abra la ventana de selección y allí buscamos dentro de los contenidos predeterminados o usamos las herramientas dsiponibles:

Permite buscar contenido en la web.

Permite agregar enlaces o incrustar código de blogs, sitios web, video o multimedia.

Permite subir un archivo personal desde nuestra PC.

Crea un enlace.

También podemos usar las pestañas del panel para explorar los diferentes tipos de contenido.

Apture crea enlaces en cualquier parte de la página pero si queremos podemos limitarlo colocando las zonas donde funcionará entre dos etiquetas:

<span id="aptureStartContent"></span>
<span id="aptureEndContent"></span>

También es posible transformar los enlaces para que automáticamente usen el sistema, agregando una clase CSS:

class="aptureAutolink" activa el sistema automático para ese enlace
class="aptureNoAutolink" desactiva el sistema automático para ese enlace

Para realizar cambios o agregar enlaces lo que debemos hacer es entrar en nuestra cuenta de Apture y luego, usar el editor directamente en nuestro blog pero también podemos invitar a otros usuarios y darles cierto permisos para que ellos puedan agregar, editar o eliminar esos enlaces.

He estado haciendo algunas pruebas y realmente no sé que pensar; por un lado me parece una herramienta muy completa y original que en muchos casos puede facilitarnos el trabajo y amplia las posibilidades de una manera increíble; por otro, no me gustaría que se transformara en un nuevo juguete de esos que hacen que las páginas sean insoportables o que tengamos que colocar el mouse fuera de la pantalla para evitar tropezarnos con ventanitas intrusivas a cada rato.

Por el momento, coloqué un post de pruebas y jugué un rato agregando cosas. En algunos enlaces verán un ícono que representa el contenido a ser mostrado:

es un video de YouTube.
es un MP3 seleccionado de Imeem.
es una página de la Wikipedia.
es una imagen que subí desde mi PC.
es una página web que indiqué específicamente.

Si es útil o inútil dependerá del uso que le demos pero creo que no pueden dejar de probarlo porque la experiencia vale la pena.