El LOOP de Blogger (agregando miniposts)

La primera cosa que podemos intentar dentro del LOOP de Blogger es "filtar" las entradas según su etiqueta. Para eso, basándonos en una idea de Blogger Buster, vamos a agregarle a nuestro blog, la posibilidad de utilizar miniposts.

¿Qué es un minipost? En términos generales, no es otra cosa que una entrada rápida, una frase, un llamado, algo corto que queremos resaltar. Además, un minipost tiene otra caracterísitica, se muestra de una manera distinta que el resto de las entradas y esto lo podemos hacer de dos maneras básicas: quitándolo de la secuencia cronológica del blog o dándole un diseño diferenciado.

Vamos a un ejemplo. Creamos un post cualquiera y le colocamos como etiqueta minipost. Una vez publicado, se verá normalmente pero, no queremos verlo cuando se muestre la página principal así que vamos a Diseño | Edición HTML y expandimos los artilugios.

Buscamos el LOOP y lo modificamos, insertando lo que está en color:

<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts'>
<b:include data='top' name='status-message'/>
<b:loop values='data:posts' var='post'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name != "minipost"'>
<h2 class='date-header'><data:post.dateHeader/></h2>
<b:include data='post' name='post'/>
</b:if>
</b:loop>

<b:else/>

<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>

</b:if>
</b:loop>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
</b:includable>

Sólo hemos agregado una condición; cuando estamos en la página principal, antes de mostrar cada post, se leen las etiquetas de este y, si tiene esa específica, seguimos de largo así que no lo veremos.

¿Y cómo lo mostramos?

Lo más sencillo es utilizar el elemento Lista de blogs. Creamos uno y selecionamos las opciones que nos gusten, fundamentelmente, mostrar Fragmento del elemento más reciente. La URL que debemos poner es la etiqueta:

http://nombreBlog.blogspot.com/feeds/posts/default/-/minipost

Algo similar podría hacerse utilizando el elemento Feeds aunque con ese, por defecto, sólo podremos mostrar los títulos.

¿Dónde lo agregamos? Hay muchas posibilidades, lo podemos poner debajo del header, arriba de los posts, en la sidebar, etc.

En el caso de la Lista de blogs, podríamos agregarle ciertas características gráficas usando estas clases CSS:

ul#BlogList1_blogs {} /* el bloque del elemento */
ul#BlogList1_blogs li {} /* la lista */
ul#BlogList1_blogs .blog-content {} /* el bloque con el contenido */
ul#BlogList1_blogs .blog-title {} /* el título */
ul#BlogList1_blogs .item-content {} /* el contenido */

Si usamos otros elementos similares, habrá que cambiar el nombre por el que corresponda: BlogList1_blogs, BlogList2_blogs, BlogList3_blogs, etc.