Icone padrão para comentários sem foto dos autores

Sem imagem

O Blogger a não muito tempo, implantou uma funcionalidade em que cada comentário é acompanhado pela foto do autor. Esse recurso (como vários outros) apresenta uma falha, onde diversos comentários não exibem a foto do autor como deveriam mostrar. Para tal problema temos a solução.
Com um código CSS simples podemos fazer uma “gambiarra”, colocando uma imagem padrão nesses lugares vagos onde não se encontra nenhum avatar.

– Faça login no Blogger, entre em “Layout” -> “Editar HTML”.

– Procure (Ctrl + f) por:

]]></b:skin>

- Cole o seguinte código ANTES da tag encontrada:

.avatar-image-container {background: url(http://img31.imageshack.us/img31/2738/iconescomments.jpg) no-repeat center; border: 0;}
.avatar-image-container img {display:none;}
.avatar-image-container img.delayLoad {display:block;}

A imagem usada pode ser trocada por qualquer uma de tamanho: 36px por 36px. Para isso encontre o link:

http://img31.imageshack.us/img31/2738/iconescomments.jpg

Substitua pela imagem que você deseja, lembrando que esse link deve ser direcionado diretamente para a imagem.

- Salve.
Obs.: Esse código funciona perfeitamente na maioria dos templates, caso não funcione no seu, não posso fazer nada, mas recomendo que estude um pouco sobre CSS e HTML.

Abraços

Tags: Avatar, icones comentários, autor do comentário, fotos comentáristas.