Agregar información del autor debajo de cada entrada en Blogger con una imágen

  Escrito por Lautarorx            El 21 de febrero de 2012


Agregar un apartado, imagen o algunas líneas acerca del autor de la entrada es una manera de que los lectores puedan familiarizarse y conocer un poco más sobre el que escribe. En Ciudad Blogger se explicaba como hacerlo con CSS y HTML, en este caso yo les enseñaré a hacerlo de una manera más sencilla y simplificando un poco las cosas usando una simple imágen. Les dejaré todo paso a paso para que solo deban copiar y pegar, aunque deberán editar algunas cosas ustedes mismos.

PASO 1: HTML

Para empezar usaremos dos códigos distintos según si el blog tiene 1 o 2 o más autores. En ambos casos deberemos ubicarlos, luego de expandir los artilugios de la plantilla, debajo de la etiqueta:
<div class='post-footer'>

SI TIENE SOLO UN AUTOR

En este caso solo debemos agregar la URL de la imágen que deseemos mostrar con nuestros datos. Preferentemente de 607px × 162px.
<img border='0' src='URL_DE_LA_IMÁGEN'/>

SI TIENE DOS O MÁS AUTORES

Cuando se trata de varios autores deberemos reemplazar "NOMBRE DEL AUTOR 1" por el nombre del autor correspondiente y la URL de la imágen de cada uno. Deberán agregar tantos códigos en rojo como autores haya, uno debajo del otro.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.author == &quot;NOMBRE DEL AUTOR 1&quot;'><img border='0' src='URL_DE_LA_IMÁGEN'/>
    </b:if>
</b:if>

IMÁGEN

Para complmentar les dejaré un PSD para editar y completar con los datos suyos y de sus autores para poner. Es el mismo que estoy usando yo en el blog, realmente me gusta mucho y por eso se los comparto. Solo deben modificar la descripción y el avatar, si quieren uno igual pueden hacerse el suyo y recortarlo con la herramienta Recortes de Windows. Solo hagan clic en la imágen para ir al enlace de descarga. Reduerden crear una máscara de recorte para eliminar los bordes que sobresalen.



El contendio de esta entrada esta protegido bajo Derechos de Autor y leyes de Copyright. Su reproducción PARCIAL O TOTAL sin mencionar la fuente esta penada por la Ley 11.723 y la DMCA vigente en EE.UU. Todo el contenido está bajo licencia de Creative Commons.

Related Posts Plugin for WordPress, Blogger...


New Games + Hacks | Diseñado por Lautaro Rodríguez Xavier

© Informatics 2011-2012 | Se recomienda el uso de Mozilla Firefox