viernes, 1 de junio de 2012

Como colocar un banner entre el primer y segundo post (Blogger)

Como colocar un banner entre el primer y segundo post (Blogger)

Estaba busando algún código php para colocar en mi blog un banner propio después del primer post y encontré un tutorial muy simple y rápido que funciona muy bien.
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.
Si ustedes también utilizan Blogger y necesitan colocar algún código o públicidad entre posts, deberán hacer lo siguiente :

Como colocar un banner entre el primer y segundo post (Blogger)

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.

Fuente : Ciudad Blogger

No hay comentarios:

Publicar un comentario