El título "Publicado por..."debajo de las entradas

¡ Artículo publicado en el blog El Balcón de Jaime, que pese a ser un blog terminado, es uno de los mejores en truvos blogger. ! Ve la entrada en su blog original.


Mostrar la línea 'Publicado por...' bajo el título de las entradas

Hay plantillas a las que les favorece, por motivos de estética, tener la línea de 'Publicado por...' y el nombre del autor de cada entrada bajo el título de ésta. Conseguirlo es muy fácil y en unos minutos lo habrás aplicado a tu blog.

Diseño>Edición de HTML>expandimos artilugios

Busca este bloque en tu plantilla y elimínalo:

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>

Seguidamente, encuentra esta línea:

<div class="post-header-line-1">

Justo a continuación (debajo) añade lo siguiente (se trata del bloque anteriormente eliminado):

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>

Con esto habrás cambiado la posición de la línea 'Publicado por...'. Ya no aparecerá en el pie de tus entradas sino que lo hará bajo el título.

Sáltate el primer paso si te gustaría conservar el 'Publicado por...' también en el pie de los posts.

¿Cómo puedo incluir una imagen o icono justo antes de la línea?


Tan solo tienes que utilizar este otro bloque en lugar del anterior:

<img src="URL IMAGEN"/><span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>

Reemplaza URL IMAGEN por la dirección del icono o la imagen a mostrar.

Guarda la plantilla para terminar.