CMS Bitacorae

Viernes, 31 de diciembre de 2004

Añadir Gravatars a tus comentarios

Un GRAvatar, o Avatar
Globalmente Reconocido, es una imagen e 80x80 píxels que se asocia a tí
de blog en blog, apareciendo junto a tu nombre cuando haces un
comentario en sitios en que haya implementado el sistema de GRAvatares.
Los Avatares ayudan a identificar la autoría de tus comentarios en
aquellos sitios en que lo hagan, garantizando que eres tú y no otro
quien realmente lo hace.

Bitacorae ha implementado el sistema de GRAvatares para que puedas usarlo fácimente. Aquí se explica cómo.

En primer lugar, Abre el archivo .css de tu plantilla desde WEBFTP en tu panel de control, y añade al final el código siguiente.

.gravatarcontainer
{
float: left;
position: relative;
top: -3px;
text-align: right;
width: 80px; /*ancho de la caja que contendrá la imagen*/
height: 80px; /*alto de la caja que contendrá la imagen*/
margin-right: 4px;
border: none;

}

Guárdalo.

Abre ahora la plantilla comentarios.bit desde WEBFTP en tu panel de control.

Busca el código comprendido entre y

Aquí se halla el listado de comentarios hechos en el post.
Elige entonces el lugar donde quieres que se muestre la imagen del
Avatar del comentarista. Yo te recomiendo junto al texto del
comentario.

Localiza el tag , y delante del mismo, debes añadir lo siguiente:

<div class="gravatarcontainer">
<a href=""
target="_blank"><img
src="<bit:gravatar_comentarista("http://exceso.bitacoras.com/blue/no_gravatar.png",
",",",","80") />" border="0" title="<bit:comentario_nombre()
/>"></a>
</div>

El código que llama la imagen del avatar es
y te permite adaptar las variables
para su uso. Las dos más importantes son las que hemos insertado en el
ejemplo, y son la imagen que se mostrará por defecto si el comentarista
no tiene GRAvatar, y el tamaño de los avatares que se van a mostrar.

Guarda el archivo y listo. Ya tienes implementados GRAvatares en tu Bitacorae.

Para activar tu Avatar, regístralo gratuitamente en http://www.gravatar.com y en unas horas tendrás tu propio avatar.

Categoría: | Extras | Comentarios (3) | Referencias (2)