domingo, 12 de febrero de 2012

Mostrar un elemento debajo del primer post



El otro día me preguntaba Coloush si era posible mostrar un gadget sólo debajo de la primera entrada, y que en el resto de ellas no.

La verdad es que sí es posible, pero hay que entender que los gadgets habituales que provee Blogger sólo se pueden añadir en las áreas donde en la sección de Diseño lo permita. Aun así, podemos mostrar un elemento cualquiera, por ejemplo, un anuncio de AdSense, un banner, un video, un archivo en flash, etc.

Así que lo que haremos en esta entrada será mostrar un elemento debajo del primer post, esto quiere decir que debajo de las demás entradas no será visible. Esto queda muy bien cuando se usa algún sumario automático, aunque tampoco es requisito.

Bien, esto es realmente sencillo, usaremos la condicional isFirstPost para que dicho elemento sólo se aplique a la primera entrada; es la misma condicional que usamos para mostrar el primer post de manera diferente.

Comencemos entrando a la Edición HTML de la plantilla, ahí marca la casilla Expandir plantillas de artilugios y busca esta línea:
<b:include data='post' name='post'/>

Justo debajo de ella agrega esto:
<b:if cond='data:post.isFirstPost'>
<div align="center" style="margin-top:0px; margin-bottom:10px;">
...Aquí el código del elemento que quieres mostrar...
</div>
</b:if>
Añade donde se indica el código del elemento que quieras poner. Antes de guardar usa la Vista Previa para asegurarte que todo está bien.

En color azul están los márgenes superior (margin-top) e inferior (margin-bottom), esto es por si quisieras que el elemento se acerque o se aleje más de las entradas, así mismo puedes añadir ahí cualquier estilo como un color de fondo, un borde, etc.

¿Lo ves? Es realmente fácil.

No hay comentarios:

Publicar un comentario