7/3/12

Incluir sección 'Acerca del autor' en el pie de tus entradas



La plataforma Wordpress ofrece la ventaja de que al pie de la entrada, aparece una breve biografía acerca del autor e incluso una imagen de éste. Tal vez te preguntes si se puede agregar algo así en Blogger, y la respuesta es sí.


No sólo podrás incluir una breve descripción de ti, sino que también dispondrás de un espacio para agregar la imagen que desees e incluso enlaces a otras páginas.


Para agregarlo, entra a Diseño > Edición de HTML > Expandir plantillas de artigulios y después busca el siguiente código 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>
Después, busca <data:post.body/> y justo debajo de ella agrega esto:
<div id='Sobreauttrblcn'>
<img border='0' src='Url de la imagen'/><div id='blAAut'><span style='font-style:italic; font-
size:10px;'>Autor del artículo:</span> <strong><data:post.author/></strong></div>
<p>Breve biografía del autor</p>
</div>

<style>
#Sobreauttrblcn {font-family:Arial,helvetica,sans-serif;background:#F4F4F4;border:1px solid
#CCCCCC;color:#424242;font-size:12px;letter-spacing:0;margin:20px 0;padding:6px;text-
transform:none;}
#blAAut {border-bottom:3px solid #DDDDDD;width:80%;}
#Sobreauttrblcn strong {padding-left:6px;color:#333333;font-weight:bold;font-size:13px;}
#Sobreauttrblcn img {background:#FFFFFF;border:1px solid #CCCCCC;float:right;
height:70px;margin:4px 4px 8px 6px;width:70px;}
</style>
Al terminar de agregar lo anterior, edita lo siguiente:

Url de la imagen - Cambia eso por la dirección de la foto o imagen que se mostrará.
Autor del artículo: - Si deseas puedes editar la frase que aparecerá como título.
Breve biografía del autor
- Escribe una breve biografía sobre ti.


Guarda la plantilla y listo.

No hay comentarios:

Publicar un comentario