Códigos Básicos Blogger. Añadir en Template - Recuperar datos

En este momento Blogger permite tres formatos distintos en sus plantillas: los Templates que se encuentran en cualquier web, la estructura de plantillas modificadas por el propio editor Blogger de nueva creación y las antiguas plantillas que se modifican trabajando en su plantilla.

Este post sólo sirve para tener en cuenta aquellos códigos que podrían faltar en algún Template y que tienen relación con la zona de los posts. Basta con tenerlos en cuenta para ver si son necesarios para que el usuario se maneje mejor con su web.

La zona del post-footer <div class='post-footer'> es la que hay que localizar para buscar estas lineas:

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

Hay distintas líneas, las tres son las más comunes colocándose en este orden aunque se pueden añadir más si es necesario. Si no las tienes, añádela después de <div class='post-footer'> recordando que cierran con </div>



1. Hora de publicación del post.

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

2. Fecha del post.

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

<h2 class='date-header'><data:post.dateHeader/></h2>

</b:if>

3. Número de 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>

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

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

6. Icono de recomendar post a un amigo (pequeño sobre).

<!-- 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' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>

</a>

</span>

</b:if>

7. Editor rápido del post (lapicerito).

<!-- quickedit pencil -->

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

8. Texto antes del formulario de comentarios.

<p style='margin-left: 56px;'><data:blogCommentMessage/></p>

9. Iconos para calificar los posts.

<span class='reaction-buttons'>

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

<table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>

<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>

<span class='reactions-label'>

<data:top.reactionsLabel/></span>&#160;</td>

<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>

</tr></table>

</b:if>

</span>

10. Backlinks.

<!-- backlinks -->

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

<b:if cond='data:blog.pageType != &quot;item&quot;'>

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

<a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>

</b:if>

</b:if>

</span>

** Modo de insertar estos códigos o aquel que sea necesario:

Escritorio>Diseño>Edición de HTML>tildamos en Expandir plantillas de artilugios

- Apretamos a la vez las teclas Ctrl+F para que nos aparezca el "bendito buscador de palabras"
y buscamos:

*Cualquier código se insertará entre:

<b:includable id='post' var='post'>



...



</b:includable>

- Recuerda que colocarlo según el orden que te guste. El general es: Autor, fecha de la publicación, comentarios, sobre para enviar la entradas y etiquetas.

- Orden estándar en <div class='post-footer-line post-footer-line-1'> van autor de la entrada, fecha de la entrada, comentarios, y el sobre para envió de la entrada.

- En la siguiente línea <div class='post-footer-line post-footer-line-2'> etiquetas.

- Tercera línea para los marcadores sociales.

- Dentro de los anteriores límites no hay un lugar exacto para insertar cada uno, dependerá de la plantilla de cada cual. Se trata de jugar a "prueba y error".

Es aconsejable hacer un backup y abusar de la "Vista Previa" todo lo posible.

Actualización:

El lápiz de editar la entrada tiene el código:

<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='&quot;item-control &quot; + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>


o en su defecto:

<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' title='Edit Post'><span class='quick-edit-icon'> </span></a>
</span>
</b:if>
</b:includable>


El lugar donde queremos que aparezca es donde se colocará el código:



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



Fin por ahora...