Colocando avatares em comentários anônimos do blog


Sempre que alguém comenta como anônimo em seu blog fica aquela coisa estranha vazia sem imagem. Para concertar este erro em seu template siga o tutorial abaixo.

como colocar avatar nos comentarios anonimos


Atenção!Nunca se esqueça de realizar o beckup do seu template antes de realizar qualquer tipo de modificação no código fonte do mesmo assim se acontecer alguma coisa de errado basta recolocar o template novamente.

Primeiro passo você precisa escolher a imagem que será usada como avatar de anônimo no seu blog, lembrando que ao escolher uma imagem a mesma precisa ter o tamanho exato de 36x36, depois de escolhido hospede a imagem em um servidor de sua preferência e copie o link da imagem hospedada logo em seguida, procure no seu template o seguinte código:

.avatar-image-container

Agora copie o seguinte código:

background:  url(aqui o link da sua image ) no-repeat;

Em seguida cole o código copiado abaixo de (.avatar-image-container)

Vai ficar assim:

.avatar-image-container
background:  url(aqui o link da sua image ) no-repeat;

Depois de colar o código complete o espaço vazio com o link de sua imagem 
ficando assim:

.avatar-image-container
background:  url(http://linkdasuaimagem.com/ ) no-repeat;


Se preferir pode usar a imagem abaixo basta salva la em seu computador e depois hospeda-la esta já esta no tamanho adequado.


Clique em salvar e visualizar a partir de agora quando comentarem no seu blog como anônimo aparecera a imagem.


Veja aqui mais dicas de como retirar a navbar do blog.

9 comentários:

  1. nossa muito obrigado, porque até hoje foi o único código que funcionou :D

    ResponderExcluir
    Respostas
    1. De nada volte sempre ao blog sucesso para você!!

      Excluir
  2. Respostas
    1. Ok qualquer dúvida é só perguntar..

      Excluir
  3. Comigo continua aparecendo essa imagem de anom :( essa que voce deu de exemplo alias.

    ResponderExcluir
  4. D= o meu nao deu certo. Eu coloquei o link da imagem blz, porém ao invés de aparecer ela , apareceu essa imagem que vc disponibilizou. Porque?

    ResponderExcluir
    Respostas
    1. Olá Giuliana copie o código para um bloco de notas do seu PC e verifique novamente o código pois deve ter algo errado lembrando que este código serve para não ficar sem imagem quando alguém comentar em seu blog como anonimo

      Excluir

Seguidores

Siga o Blog nas Redes Sociais

Translator [ Tradutor ]

Colocar no meu Blog!