Para realizarlo comenzaremos a ver la parte de HTML que Serra necesario agregar a nuestra plantilla usando los condicionantes anteriormente mencionados.

En la plantilla minima la parte que nos interesa principalmente es

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>

...

<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span>
</div>
</div>
</div>
</b:includable>

Aquí vamos a insertar los condicionantes indicándole si no estamos en una pagina individual de entradas como queremos que se vean, el resto del código lo dejaremos igual pero insertaremos el condicionante indicando que estamos en una pagina individual de entradas.

Entre <b:includable id='post' var='post'> y <div class='post hentry uncustomized-post-template'> pegamos

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='home-post' id='post-20'>
<div class='upper'>
<div class='fade'/>
<b:if cond='data:post.title'>
<h3>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<b:if cond='data:top.showTimestamp'>
<b:if cond='data:post.url'>
<span class='meta'><data:post.timestamp/></span>
</b:if>
</b:if>
<div class='intro-post'>
<data:post.body/>
</div>
</div>
<span class='btn-readon'><a expr:href='data:post.url' rel='bookmark'>Read On</a></span>

<span class='lower-meta'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>
</div>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>


Necesitamos cerrar el segundo condicionante insertado (<b:if cond='data:blog.pageType == &quot;item&quot;'>), para ello buscamos el final del primer código mostrado

...

<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span>
</div>
</div>
</div>
</b:includable>

y justo antes de </b:includable> insertamos el cierre </b:if>, quedaría

...

<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span>
</div>
</div>
</div>
</b:if>
</b:includable>

Por ultimo buscamos <!-- posts --> y a continuación ponemos

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div id='recent-posts'>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
</b:loop>
<data:adEnd/>
<div style='clear:both;'/>
</div>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>

Como de nuevo hemos repetido la operación de insertar los condicionantes, nos queda cerrar el segundo de ellos, para ello buscamos <!-- navigation --> y justo antes ponemos

</b:if>

Con esto tendremos listo la parte de HTML y solo nos quedara darle forma en nuestro CSS.

Te interesa

► Post Resumidos
► Post Resumidos 3
► Post Resumidos 4
► Post Resumidos 5
Autor: . Consultor y auditor en posicionamiento web. Desarrollo de aplicaciones, diseño y programacion de plataformas y paginas web. Formación, profesor en el Programa SmmUs (Social Media Marketing) de la Universidad de Sevilla. Cursos sobre social media en Cámaras de Comercio de Málaga, Sevilla y Córdoba. Puedes encontrarme en Google Plus y Twitter .

¿Te gustó este post? No te pierdas los próximos, síguenos en redes sociales.

Te recomendamos también