Avatares redondos en los comentarios anónimos de Blogger

Blogger trae consigo un sistema de comentarios "muy básico" con pocas opciones, como es el caso de la ausencia de imágenes en los comentarios que se hacen de forma anónima, hoy veremos como añadir un avatar redondeo a esos comentarios anónimos en Blogger.

Avatares redondos en los comentarios anónimos de Blogger
Avatares redondos en los comentarios anónimos de Blogger

Vista Previa del truco


Para añadir este truco a tu blog, agrega antes de </body>​ el siguiente código:


<script>
//<![CDATA[
let avatar = document.getElementsByClassName('avatar-image-container');
for (av=0; av < avatar.length; av++) {
let image = avatar[av].firstChild;
if(image.src.match('blank.gif')) {
image.src = '#'; // URL imagen
image.style.height='30px'; // altura
image.style.width='30px'; // anchura
image.style.borderRadius='100%'; // esquinas redondeadas
}
}
//]]>
</script>

Agrega la URL de tu imagen desde image.src = '#'; // URL imagen y guarda los cambios.

Entradas que pueden interesarte

disqus