Colocando avatares em comentários anônimos

Sabe quando alguém comenta em anônimo ou sem nenhuma imagem no seu blog? E fica aquele vácuo??   Eu não sei vocês mais a mim incomodava bastante. Tanto que já cuidei disso a tempos. E hoje eu criei vergonha na cara  e vim passar a vocês esse tutorial muito simples que faz toda a diferença! Confira o antes e o depois:

O tutorial foi dividido em 4 passos muito fáceis! E para facilitar ainda mais suas vidinhas  eu ainda deixo aqui vários avatares prontos mais é claro que vocês podem criar os seus! Mais pra quem escolheu uma das imagens abaixo pode pular direto para o passo 3 *-*

                  

1° Crie uma imagem que irá aparecer nos comentários anônimos ou para aqueles que não possuem fotos ou imagens. A imagem deve ter as medidas certas que são 37x37 

Sei que é pequeno, mais é a vida gente hahaha.

2° Hospede a imagem em seu próprio Blog ou em um site que faça o serviço gratuitamente exemplo:http://imgur.com/ (Feito isso deixe a imagem ai por enquanto)

3°Vá no seu HTML dê um ctrl + F e procure por:          /* Content

Logo abaixo disso cole o seguinte trecho:

div.avatar-image-container {background:url(http://URL_da_Imagem) no-repeat center center;} 
div.avatar-image-container img {display:none;} 
div.avatar-image-container img.delayLoad {display:block;}


Ficando assim:

4° Copie a url da imagem e cole apenas onde está indicado de rosa.

Agora é só salvar e ir lá conferir. Espero que tenham gostado *-*

xau xau pessoas!