Personalizar os avatares dos comentários

Tumblr_lpibewio081qm0aofo1_500_large
Olá garotas *-* Hoje vou ensinar vocês a personalizarem os avatares dos comentários, aquele avatar cinza do anônimo:
Clique em Continuar Lendo para ver o tutorial:

1. Crie uma imagem de 40x40 e hospede ou pegue uma da internet, eu fiz umas para vocês, coloquei os URLS nas caixinhas de texto:




















2. No Blogger, vá em Design > Editar HTML. Tecle Ctrl F e procure por:
/* Content
3. Cole o código abaixo logo abaixo de /* Content, substituindo a parte em azul pelo URL do avatar:

div.avatar-image-container {background:url(URL DO AVATAR) no-repeat center center;}
div.avatar-image-container img {display:none;}
div.avatar-image-container img.delayLoad {display:block;}

P.S.: Para visualizar os avatares, você vai ter que salvar o modelo e ir até um comentário anônimo.

Comentários

Desenvolvimento por Chassy Cher