Insertar avatar a los comentarios anónimos en Blogger

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.
Artículo aleatorio
BuySellAds
BuySellAds
BuySellAds
BuySellAds
BuySellAds
Artículos destacados
Marca de agua en las imágenes con CSS # - Marca de agua en las imágenes con CSS
Efecto de desenfoque con CSS # - Efecto de desenfoque con CSS
Botones para subir y bajar en Blogger # - Botones para subir y bajar en Blogger
Insertar una página externa en una entrada en Blogger # - Insertar una página externa en una entrada en Blogger
Ocultar entradas con determinada etiqueta en el inicio de Blogger # - Ocultar entradas con determinada etiqueta en el inicio de Blogger