Asides o Miniposts en Blogger. Mejorado

Hace unos días hice un tutorial sobre cómo poner miniposts o asides entre los posts en un blog de Blogger. Funciona perfectamente, pero ahora he encontrado una mejor y más cómoda manera de integrarlos.

Con el otro método era necesario agregar manualmente un código a cada minipost que quisiéramos publicar. Ahora, con solo poner una etiqueta específica, obtendremos un minipost. Pasemos al tutorial…

La primera parte es igual que en el tutorial anterior:

1. Vamos a la ‘Edición HTML’ de tu plantilla y expandimos los artilugios.
2. Buscamos (con ctrl+f) algo parecido a esto:
<div class='post'>
Si no está entonces es algo así:
<div class='post hentry uncustomized-post-template'>
Agregamos un poco de código:
<div class='post' expr:id='"post-" + data:post.id'>


Con esto le estamos agregando un identificador especial a nuestro post formado por: post- + el número de identificación.
3. Repetimos esto con las demás partes del post:

Buscamos la fecha (o algo parecido según cada plantilla):
<h2 class='date-header'>
Y le agregamos su identificador:
<h2 class='date-header' expr:id='"date-" + data:post.id'>
Buscamos el título:
<h3 class='post-title'>
Si no está entonces es algo así:
<h3 class='post-title entry-title'>
Y le agregamos su identificador:
<h3 class='post-title' expr:id='"title-" + data:post.id'>
Buscamos el footer:
<div class='post-footer'>
Y le agregamos su identificador:

<div class='post-footer' expr:id='"footer-" + data:post.id'>
Buscamos el cuerpo del post:
<div class='post-body'>
Si no está entonces es algo así:
<div class='post-body entry-content'>
Y le agregamos su identificador:
<div class='post-body' expr:id='"body-" + data:post.id'>
Damos vista previa. Si todo está normal, guardamos y continuamos.

4. Buscamos esta línea: <p><data:post.body/></p> justo después de <p> damos unos ‘enters’ para dar espacio.

En ese espacio pegamos el siguiente código:
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == "minipost"'>
<style>
h3#title-<data:post.id/> {
display:inline;
}
h3#title-<data:post.id/> a {
font-size: 80%;
}
h2#date-<data:post.id/> {
display:none;
}
div#footer-<data:post.id/> {
display:none;
}
div#post-<data:post.id/> {
margin:15px 20px;
border:1px dashed #ff8800;
}
div#body-<data:post.id/> {
padding:0 2px 2px;
}
</style>
</b:if>
</b:loop>
Puede que las etiquetas <p></p> no estén. No hay ningún problema, solo ponemos el código antes de <data:post.body/>.

Lo más importante: la palabra minipost (en naranja), es la etiqueta (tag) que debemos de poner a los posts que queremos que sean miniposts. La podemos cambiar por cualquier otra palabra (frases, asides, pensamientos).

La parte en negritas es el CSS. Si lo dejan como está, sus minipost:
1. Tendrán el título más pequeño, pero conservará sus demás propiedades (color, negritas, subrayado)
2. No se mostrará la fecha.
3. El footer (donde se muestra el autor, las etiquetas) estará oculto.
4. El post estará bastante más angosto y tendrá un borde naranja punteado.
Claro que es totalmente modificable. Nuevamente damos vista previa. Si todo está normal, guardamos y listo, ya hemos acabado.

Para publicar un minipost simplemente hay que: escribirlo, ponerle la etiqueta que pusimos en el código (en mi caso es ‘minipost’) y publicarlo. Así de simple.