Blogger: Lista de las etiquetas data |
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:
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.
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:
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
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
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
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)
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
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
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
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
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
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
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
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
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
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! |
Marcando los posts para evitar ciertas "copias" |
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 [más información]
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.
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.
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:
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 ZIP 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.
<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.
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 |
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
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:
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.
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.
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.
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.
Gematriculator: Entre el cielo y la tierra |
Vía sharys'ce Web muestra el sitio de homokaasu.org he llegado a la conclusión poco feliz que no soy tan bueno como yo creía y peor aún que no soy tan malo como hubiera querido.
Si alguien quiere comprobar su propia bondad/maldad no tiene más que entrar y colocar la URL de su sitio para verificarlo.
Este servicio está basado en el método de la Gematría (que aunque usted no lo crea existe), desarrollado por el Ivan Panin (que obviamente también existe), y que es un cálculo basado en la alteración del orden de las letras de las palabras, asociando estas letras con los caracteres hebreos que, como casi todos los alfabetos, poseen un valor numérico asociado. En resumen, cuando la suma de los números de los caracteres que componen una palabra da el mismo resultado que la suma de los caracteres de otra palabra diferente, se supone que debe existir una conexión entre ambas. Una conexión mística.
El ruso devenido norteamericano Panin descubrió allá por 1890 que la estructura matemática de los textos griegos del Nuevo Testamento era "sospechosamente significativa" y empezó a buscar números ocultos, series y constantes. Durante cincuenta años su "paciencia benedictina" lo llevó a concluir que esas relaciones numéricas eran la prueba fehaciente del copyright divino de la misma Biblia.
Este servicio está basado en el método de la Gematría (que aunque usted no lo crea existe), desarrollado por el Ivan Panin (que obviamente también existe), y que es un cálculo basado en la alteración del orden de las letras de las palabras, asociando estas letras con los caracteres hebreos que, como casi todos los alfabetos, poseen un valor numérico asociado. En resumen, cuando la suma de los números de los caracteres que componen una palabra da el mismo resultado que la suma de los caracteres de otra palabra diferente, se supone que debe existir una conexión entre ambas. Una conexión mística.El ruso devenido norteamericano Panin descubrió allá por 1890 que la estructura matemática de los textos griegos del Nuevo Testamento era "sospechosamente significativa" y empezó a buscar números ocultos, series y constantes. Durante cincuenta años su "paciencia benedictina" lo llevó a concluir que esas relaciones numéricas eran la prueba fehaciente del copyright divino de la misma Biblia.
- Dios, cielos y tierra suma 777: todo número repetido tres veces expresa la idea de culminación, de totalidad.
- El 7 es el número clave del apocalipsis. También se lo considera como el sello de Dios o el símbolo de la perfección espiritual.
- El 8 representa la vida nueva o la resurrección (ocho personas sobrevivieron al diluvio en el arca de Noé).
- El 9 simboliza el fin o la culminación. "En el principio Dios" (braishit Elohim en hebreo) tiene un valor numérico de 999.
- El número 13 es la fatalidad o el mal agüero. Satanás (Drakon o dragón) posee un valor de 975 (13 x 75). "Que se llama Diablo y Satanás" (Ho calumenos diablos kai ho Satanás) equivale a 2197 (13 x 13 x 13) ... se hubieran ahorrado las cuentas, yo nací un dia 13 y eso explica todo.
La etiqueta PRE |
Hace unos días, luego de los cambios realizados por Blogger y que aún nos vuelven locos, ocurrió un problema que viene repitiéndose desde hace mucho. Si bien parece haberse "arreglado", no deja de ser interesante hablar del tema por si vuelve a repetirse el problema.
Hay una etiqueta HTML que algunos solemos usar, sobre todo a la hora de mostrar códigos: <pre> </pre> (PREformated) que nos permite formatear cualquier texto que se encuentre dentro de ella.
El HTML tiene una particularidad, los espacios en blanco adicionales se eliminan sistemáticamente es decir, si escribimos:
Hay una etiqueta HTML que algunos solemos usar, sobre todo a la hora de mostrar códigos: <pre> </pre> (PREformated) que nos permite formatear cualquier texto que se encuentre dentro de ella.
El HTML tiene una particularidad, los espacios en blanco adicionales se eliminan sistemáticamente es decir, si escribimos:
<p>Hola Adiós</p>Lo que veremos será:
Hola Adiós
Toda esa separación adicional será ignorada y si queremos separar una palabra de la otra, tenemos que recurrir a caracteres especiales como (on-breaking space o no-break space) que es el llamado hard space o fixed space (espacio fijo).
Hola Adiós
Toda esa separación adicional será ignorada y si queremos separar una palabra de la otra, tenemos que recurrir a caracteres especiales como (on-breaking space o no-break space) que es el llamado hard space o fixed space (espacio fijo).
<p>Hola Adios</p>
Se verá:
Hola Adios
También podemos usar otra variante, escribiendo   y si queremos reproducirlo con el teclado, es sencillo ya que en la mayoría de los procesadores de texto basta oprimir Ctrl+Mayús+Espacio o Ctrl+Espacio.
Si no queremos usar esos caracteres podemos recurrir al CSS y escribir:
Hola Adios
También podemos usar otra variante, escribiendo   y si queremos reproducirlo con el teclado, es sencillo ya que en la mayoría de los procesadores de texto basta oprimir Ctrl+Mayús+Espacio o Ctrl+Espacio.
Si no queremos usar esos caracteres podemos recurrir al CSS y escribir:
<p>Hola <span style="margin-left:valor">Adios</span></p>
Sea como sea, el resultado es un código confuso y da demasiado trabajo. Entonces, podemos recurrir a la etiqueta PRE. Cuando el navegador encuentre esa etiqueta sabrá que deberá dejar los espacios en blanco intactos, mostrar el texto con una fuente de ancho fijo y deshabilitar los saltos de línea.
Es decir, si escribimos:
Es decir, si escribimos:
<pre>
este texto
se mostrará
así
tal y como lo escribimos.
</pre>
Por defecto, veremos esto:
este texto
se mostrará
así
tal y como lo escribimos.
No sólo podemos usar espacio, también podemos usar TABs horizontales (	) para crear tablas sencillas:
ABCDEF ABCDEF ABCDEF
ABCDEF ABCDEF ABCDEF
ABCDEF ABCDEF ABCDEF
La etiqueta PRE puede tener varios atributos opcionales class, id, style, title y uno especial llamado width con el que podemos definir la cantidad máxima de caracteres de cada línea.
Como con cualquier otra etiqueta, podemos definir sus propiedades con CSS y modificar las que tiene por defecto. De esta manera, es posible establecer el tipo de fuente, su tamaño, márgenes, color, etc. El problema con Blogger fue que la distancia entre líneas dentro de esa etiqueta cambió abruptamente agregando una línea adicional, así que si normalmente veíamos esto:
Como con cualquier otra etiqueta, podemos definir sus propiedades con CSS y modificar las que tiene por defecto. De esta manera, es posible establecer el tipo de fuente, su tamaño, márgenes, color, etc. El problema con Blogger fue que la distancia entre líneas dentro de esa etiqueta cambió abruptamente agregando una línea adicional, así que si normalmente veíamos esto:
una linea
otra linea
otra linea
última línea
Pasamos a ver esto:
una linea
otra linea
otra linea
última línea
En este caso no había solución posible pero, en muchos otros, cuando lo que vemos es una gran separación entre dos líneas de texto sin que hayamos dejado esos espacios, lo que debemos verificar es una propiedad CSS llamada line-height que controla la "altura" de las líneas.
Por defecto esta propiedad o no está definida o tiene como valor "normal". Podemos cambiarla usando valores expresados como puntos (pt), pixeles (px) o proporcionales (em). Por ejemplo:
line-height: normal;
line-height: 15px;
line-height: 1.5em;
Cuanto más grande sea ese valor, mayor será la distancia entre dos líneas.
Por defecto esta propiedad o no está definida o tiene como valor "normal". Podemos cambiarla usando valores expresados como puntos (pt), pixeles (px) o proporcionales (em). Por ejemplo:
line-height: normal;
line-height: 15px;
line-height: 1.5em;
Cuanto más grande sea ese valor, mayor será la distancia entre dos líneas.
