domingo, 22 de janeiro de 2012

Tutorial-Editar imagem dos comentários anônimos

 

Oi pessoal, o tutorial de hoje vou ensinar como personalizar os comentários anônimos do blog, achei esse tuto no blog Trechy Teen,portanto os créditos vou dar a ele. Vamos lá?!

Bom primeiro você tem que criar uma imagem em tamanho 40x40 px  ,não é o padrão do blog mas é um pouco maior e sai tudo certo , daí hospede ela no imageshack ou no site que quiser hospedar , e deixe la .

Agora em outra aba ou janela , vá em seu blog : Design - Editar html , e pressione as teclas : Ctrl + F e procure por :
/* Content

Quando o encontrar , logo A BAIXO dele coloque o código abaixo substituindo o trecho destacado em vermelho , pela url do seu avatar personalizado ou que encontrou na web.

Vou disponibilizar alguns:


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;}
Feito isso salve e vá conferir se os avatares mudaram , caso não , volte para a página se editar html e confira se colocou a url certa .

3 comentários: