Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Criação de Blogs Profissionais e Redes Sociais.

Tutoriais Blogger Vanessa S.

Incluindo avatar nos comentarios do blog

Uma das novidades recentes do Blogger é que agora é possível mostrar as fotos dos avatares nos comentários do Blog.
Por regra, os avatares só serão visíveis para aqueles usuários que comentam no seu blog, usando perfil do Google.

Vale lembrar que antes de qualquer alteração,é sempre bom fazer um Backup do seu Template para evitar transtornos.

Como ativar o recurso:

Vá até o painel do blogger, clique em “Configurações >> Comentários”.
Lá embaixo tem uma pergunta: “Mostrar imagens de perfil nos comentários?”
Marque Sim e salve as modificações.

Se você estiver usando um template original(padrão do blogger), nem será necessário fazer alterações no código do HTML do seu template, você poderá configurar o recurso automaticamente, de forma simples,conforme mostrado acima, e só isso!

Atenção:Este recurso não é ativado automaticamente em templates personalizados ou antigos.
Caso seu template já tenha sido muito modificado ou seja antigo, é necessário que você faça, também, alterações no código e para isso siga as instruções abaixo:

Como incluir avatar nos comentários em templates antigos ou personalizados

Entre na edição HTML do seu template, clique em “Expandir modelos de widgets” e procure pelo seguinte código:


<dl id='comments-block'>

E SUBSTITUA por:


<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

Agora procure por:


<b:if cond='data:comment.authorUrl'>

E cole logo ACIMA dele:


<b:if cond='data:blog.enabledCommentProfileImages'>
 <data:comment.authorAvatarImage/>
 </b:if>

Visualize e salve.

Veja o resultado na imagem ilustrativa abaixo:

Lembrando que este código pode não funcionar corretamente, caso você já tenha feito muitas modificações em sua área de comentários.

Sobre o autor | Website

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Desculpe, os comentários deste artigo estão encerrados.

19 Comentários

  1. ?K@c@ L?L? disse:

    Clau, em meu blog, uso um template grátis aqui do Mundo blog, onde não encontro os códigos acima…
    Poderia me ajudar?

  2. Lipe! disse:

    hmm…tenho uma dúvida,no meu blog uma leitora comentou e o avatar dela não apareceu…apenas o meu.
    o que seria isso?é normal?

  3. Adm. disse:

    Clau não pegou pq?
    também não consegui encontrar o "…comments-block'>" pq acho que no meu template não tem!

    O que faço??

  4. Adimin disse:

    Oi td bem?????
    Adorei seu blog seu template e lindo
    Mais gostaria de saber quando eu coloco esses codigos da erro aguardo respostas…

  5. .:: Clau ::. disse:

    Sissym
    Qdo vc estiver logada no seu painel do blogger, bem embaixo da sua foto, clica no link "editar seu perfil". Na proxima página vai no campo "fotografia" e faz upload da foto que vc quer, ao terminar o upload, clica no botão "gravar perfil".

    Kamikaze Downloads
    Dá uma olhada para ver se não é problema de configuração de contas. Vai na aba "configurações >> comentários". Se lá tiver tudo certinho, então recomendo que vc reporte o problema diretamente no forum de ajuda do Blogger.

  6. Kamikaze Downloads disse:

    Clau! Vc poderia por favor me ajudar? Pois estou com uma dificuldade imensa, consegui incluir avatar, deixar tudo certinho! So que agora estou com um problema! Quando alguem vai postar um comentario na hora de escolher o login da um erro e so peblica com o nome do meu site! O que devo fazer??? Vc poderia me ajudar???

  7. Sissym disse:

    Olá, estou tentando trocar (atualizar) a foto que aparece quando eu faço comentarios, mas não sei como ou onde… pode, por favor, me ajudar?

    Obrigada.

  8. Nerds Pirados disse:

    Não existe nenhum site de dicas para blogger igual a esse!

  9. Binho0Marques disse:

    Adorei o seu BLOG… Adorei esse post… ADOREI TUUDOO.

    VC TÉ SUPER DE PARABÉNS…

  10. .:: Clau ::. disse:

    Moza
    O Blogger não atualiza o avatar dos comentários antigos. É assim mesmo.

  11. MoZa Lima disse:

    Olá Clau!

    Mudei o meu avatar no blog, mas nos comentários que antecede a mudança aparece a imagem anterior ao invés da nova. Sabes de algum procedimento para atualizar o avatar nos comentários antigos?

  12. Alex Lopes disse:

    uma dúvida, no layout atual que uso aparece a imagem sim, porém ela é muito pequena, :S, não tem como aumentar não?

  13. Marcola disse:

    oi tudo bem e que eu vi aki no gothic a foto do autor do post qe no caso aki é a sua eu queria saber se é dependendo de cada template ou existe algum codigo script pra isso

  14. @adrianaarndt disse:

    Magnífico!

  15. ::Clau:: disse:

    @Dani:
    Tenta usar este tutorial.E não se esqueça de ir editando os valores de margin, conforme eu indiquei lá no tutorial do link acima tá?

    Bjos.

  16. Das disse:

    Claro, querida, não precisa ter pressa… tudo a 'seu tempo.
    Estou colocando as minhas dificuldades e quando vc puder…

    Beijo grande!
    Valeu pela ajuda!
    dani

  17. .:: Clau ::. disse:

    @Dani:
    Hum, é que você tem que ajustar margin e padding para as imagens.
    Vou editar este post e vou incluir como ajustar esses valores e te aviso.
    Tenha só um pouquinho de paciência,pq eu ando tão sem tempo…mas prometo que vou editar o post e incluir essas informações.
    Beijos.

  18. Das disse:

    Clau, quando eu coloco a imagem, essa linha que divide os comentários utrapassa a margem e até os comentários a seguem…
    Tentei várias vezes… =/

    Tô enchendo, né?
    Desculpe, amiga!
    Beijo grande! o/

  19. Leon Scott Kennedy disse:

    muito bom

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.