jueves, 24 de marzo de 2011

Insertar avatar a los comentarios anónimos en Blogger

Cuando algún usuario escribe de forma anónima, se muestra un ícono o simplemente no aparece nada en la zona del avatar de los comentarios.

Con este sencillo tutorial podremos agregar una imagen a todos los comentarios anónimos y a los comentarios con identificación mediante nombre y URL.

¿Cómo agregar un avatar a los usuarios anónimos en Blogger?

Primero, vamos a ''Diseño | Edición HTML'' en donde buscamos la zona de nuestro CSS:
]]></b:skin>
Sobre este código, deberás pegar el siguiente:
/* avatar comentarios anónimos
----------------------------------------------- */
#comments-block.avatar-comment-indent {
margin-left: 0;
}
#comments-block .avatar-image-container {
float: left;
height: 49px;
position: static;
width: 49px;
}
#comments-block .avatar-image-container img {
background:#234 url(https://lh6.googleusercontent.com/-y3a8mvMp3Zc/TYgvTnMzodI/AAAAAAAAAis/C4ZMS7S5RG4/s1600/default-image+%2528Custom%2529.png) no-repeat 50% 50%;
border: 1px solid #456;
display: block;
float: none;
min-height: 45px;
min-width: 45px;
padding: 2px;
}
#comments-block .avatar-image-container.avatar-stock {
background: #234 url(https://lh6.googleusercontent.com/-y3a8mvMp3Zc/TYgvTnMzodI/AAAAAAAAAis/C4ZMS7S5RG4/s1600/default-image+%2528Custom%2529.png) no-repeat 50% 50%;
border: 1px solid #456;
}
#comments-block .avatar-image-container.avatar-stock img {
display: none;
}
img.delayLoad {
max-height: 45px;
max-width: 45px;
min-height: 45px;
min-width: 45px;
}



Guardamos los cambios y listo:





Por defecto se mostrará este avatar:


Para cambiarlo reemplaza las URLs en rojo por la dirección de la imagen.

No hay comentarios:

Publicar un comentario