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