Pie de las entradas (Post-Footer)

Algo que siempre me ha costado modificar en las plantillas es la parte de los Post-footer o pie de entrada. A veces hay plantilla pre-diseñada que olvidan colocar esta parte tan importante. Lo digo por que he utilizado muchas plantillas "Pre-Diseñada" que obvian esto. Aquí verán como identificar cada parte y le enseñaremos como poner en el pie de la entrada, el autor, hora de la publicación, los comentarios, los enlaces de esta entrada, sobre de envió de entrada, edición rápida, las etiquetas.

¡Recuerda! "GUARDAR SIEMPRE UNA COPIA DE TU PLANTILLA EN TU PC

Para buscar estas lineas solo hay que irnos a <div class='post-footer'>, verificaremos si poseemos una de las tres línea de código como esta:

<div class='post-footer-line post-footer-line-1'>
<div class='post-footer-line post-footer-line-2'>
<div class='post-footer-line post-footer-line-3'>

[Como puedes ver hay diferentes líneas, estas tres son las más comunes por lo general hay una solo, pero se usan las tres para que todo este en orden. Si no las tienes, añádela después del <div class='post-footer'> y recuerda que terminan con </div>]

Para colocar el autor de las entradas:

<span class='post-author vcard'>

<b:if cond='data:top.showAuthor'>

<data:top.authorLabel/>

<span class='fn'><data:post.author/></span>

</b:if>

</span>

Hora de Publicación:

<span class='post-timestamp'>

<b:if cond='data:top.showTimestamp'>

<b:if cond='data:post.url'>

<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>

<abbr class='published' expr:title='data:post.timestampISO8601'>

<data:post.timestamp/></abbr></a>

</b:if>

</b:if>

</span>

Los comentarios:

<span class='post-comment-link'>

<b:if cond='data:blog.pageType != "item"'>

<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>

El enlace de la entrada:

<!-- backlinks -->

<span class='post-backlinks post-comment-link'>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.showBacklinks'>

<a class='comment-link' expr:href='data:post.url + "#links"'>

<data:top.backlinkLabel/></a>

</b:if>

</b:if>

</span>

El sobre para enviar las entradas:

<span class='post-icons'>

<!-- email post links -->

<b:if cond='data:post.emailPostUrl'>

<span class='item-action'>

<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>

<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/> </a>

</span>

</b:if>

Lápiz de Edición rápida

<!-- quickedit pencil -->

<b:include data='post' name='postQuickEdit'/>

Las Etiquetas:

<span class='post-labels'>

<b:if cond='data:post.labels'>

<data:postLabelsLabel/>

<b:loop values='data:post.labels' var='label'>

<a expr:href='data:label.url' rel='tag'><data:label.name/></a>

<b:if cond='data:label.isLast != "true"'>,</b:if>

</b:loop>

</b:if>

</span>

Aclaraciones:

• Recuerda que puedes poner esto según el orden que te guste por lo general es: Autor, fecha de la publicación, comentarios, sobre para enviar la entradas y etiquetas.
• Para cumplir si se puede decir con un orden estándar, Esta linea (<div class='post-footer-line post-footer-line-1'>) van a ir el autor de la entrada, fecha de la entrada, comentarios, y el sobre para envió de la entrada. Claro que lo puedes ordenar a tu gusto.
• En la siguiente línea (<div class='post-footer-line post-footer-line-2'>) colocas las etiquetas.
• Eulalia de Tuneando el Blog tiene algo referente a este tema.

Mostrare un ejemplo, que si quieres puedes tomarlo como referencia. Recuerda que esto siempre va después de <div class='post-footer'>:

[+/-]

<div class='post-footer-line post-footer-line-1'>

<!-- Autor -->

<span class='post-author vcard'>

<b:if cond='data:top.showAuthor'>

<data:top.authorLabel/>

<span class='fn'><data:post.author/></span>

</b:if>

</span>

<!-- Fecha de publicación -->

<span class='post-timestamp'>

<b:if cond='data:top.showTimestamp'>

<b:if cond='data:post.url'>

<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>

<abbr class='published' expr:title='data:post.timestampISO8601'>

<data:post.timestamp/></abbr></a>

</b:if>

</b:if>

</span>

<!-- Comentarios -->

<span class='post-comment-link'>

<b:if cond='data:blog.pageType != "item"'>

<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>

<!-- Sobre-->

<span class='post-icons'>

<!-- email post links -->

<b:if cond='data:post.emailPostUrl'>

<span class='item-action'>

<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>

<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/> </a>

</span>

</b:if>
</div>

<div class='post-footer-line post-footer-line-2'>
<!-- Etiquetas -->

<span class='post-labels'>

<b:if cond='data:post.labels'>

<data:postLabelsLabel/>

<b:loop values='data:post.labels' var='label'>

<a expr:href='data:label.url' rel='tag'><data:label.name/></a>

<b:if cond='data:label.isLast != "true"'>,</b:if>

</b:loop>

</b:if>

</span>

</div>