Dominio: codigosblog.com.br
Chave: af255c39c6cbf2ba03ac5b531649215539d8d61a
Hora do cache: 1496130712
Vida do cache: 1496173912
Status: 1
Mensagem: Centive nao respondeu
Chave do Pedido: 11808bbc6205bade68f0b70c302eaa74d4305945
Chave do Produto: PROKEY
Scroll Top

Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Blogs,
SEO e Monetização.

Hospedagem - 728 x 90

Comentários layouts Recursos

Ativando foto nos comentários e Correções

Ontem publiquei uma postagem mostrando mais uma novidade, do Blogger. Porém hoje em dia a maioria não usa nenhum daqueles templates prontos disponíveis no painel de controle, e com isso fica impossível o funcionamento do recurso sem a presença do código avatar nos templates personalizados.

Hoje eu prometi que procuraria a solução, mas felizmente não será necessário. O Sérgio Estrella do blog Ice Breaker fez isso para nós. Fiz algumas modificações e agora está completa a explicação e logo no final fiz um tutorial para corrigir alguns “bugs”. Siga o tutorial abaixo e seja feliz:

Antes de começar o tutorial recomendo que faça um backup por segurança!

– Entre em “Configurações” -> “Comentários”.
Onde está escrito: “Mostrar imagens de perfil nos comentários?”. Marque: “Sim” e salve.

– Entre em “Layout” -> “Editar HTML”. Marque a caixa: “Expandir modelos de widgets”.

– Procure (Ctrl + f):

<dl id='comments-block'>

Obs.: Caso você NÃO encontre o código acima, procure por:

<dl  class='comments-block' id='comments-block'> OU <dl  class='comments-block'>

- Substitua o código encontrado por esse:

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

- Procure (Ctrl + f):

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

Cole o seguinte código ANTES:

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

- Salve.

  • CASO SEUS COMENTÁRIOS FIQUEM DESSE JEITO:

Siga o tutorial abaixo:

- Procure (Ctrl + f):

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

E substitua TUDO por:

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

- Procure (Ctrl + f):

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

Cole o seguinte código ANTES:

<span class='commentsavatarL'/>

- Procure (Ctrl + f):

]]></b:skin>

Cole o seguinte código ANTES:

.commentsavatar {
position: absolute;
padding-right: 40px;
}
.commentsavatarL, .commentmetadata {
padding-left: 45px;
}

- Salve as modificações.
Seu template deve apresentar a seguinte mudança:

Os templates podem variar a forma de corrigir esse tipo de defeito, talvez sejam necessárias outras modificações. Entre em contato caso não apresente sucessos nesse tutorial.

Abraços.



De um play no vídeo abaixo e aprenda a Criar blogs Profissionais




Gostou deste artigo? Ajude nosso projeto.
Compartilhe em suas redes sociais nos botões abaixo:

33 Comentários

  1. Neto disse:

    bom tutorial!

    até eu to nele! suahsuahsau…

    Abraços!

  2. EJM disse:

    acho q não deu mto certo.
    a data e hora não tão abaixo do nome e ficou um espaço depois da foto, olha no blog de testes: http://teste-ejm.blogspot.com/2009/07/lorem-ipsum-4.html?showComment=1253292639447#c7837332986787090556

  3. Dani disse:

    Adoreeeeeeeeeei
    Meus blogs ficaram lindos!!!
    Parabéns.
    Obrigado.
    Abraços

  4. Neto disse:

    como coloquei ai em cima, bom tutorial, eu consegui colocar certinho e tals, mais quando eu fui ver, só aparece a minha foto, não aparece de mais ninguém, porque isso?

    flws, abraço.

  5. blogdozemarcos.com disse:

    ::: Olá! No meu blog apareceu apenas o meu avatar. E ainda por cima não ficou muito bem alinhado: http://www.blogdozemarcos.com/2009/09/tributo-patrick-swayze.html

  6. Paulo Estevão disse:

    Infelizmente não posso ajuda muito…
    O Widget ainda é novo, sabemos pouco dele.
    =/

  7. visaoblog disse:

    muito bem explicativo, vou tentar colocalo no meu blog quando eu tiver tempo

  8. Lilisa Acessórios disse:

    O meu ficou bom!!!

    Adorei!!!
    Obrigada pelo ótimo tutorial.

  9. Internético disse:

    funcionou direitinho,valeu

  10. Genio das moedas disse:

    Valeu, me ajudou mto…

  11. WS Edicoes disse:

    Nem funcionou =/

    se quiser ver meu template

    http://www.blogwsedicoes.blogspot.com/

    Vlw e parabens pelo blog

  12. WS Edicoes disse:

    Desculpa, recuse esses 2 comentarios q postei, pegou xD, mas tive que tirar, vlw

  13. Resumo da Net disse:

    achou q nao deu certo

  14. M®Ø disse:

    obrigado pela dica

  15. Vício disse:

    tal como acontece no meu blog vejo que aqui também só são mostradas as imagens dos primeiros 5 comentadores…
    gostava de saber porquê!

  16. Paulo Estevão disse:

    @Vício,
    aqui aparece mais… Mas de qualquer forma não aparece todos. Porque muitos não ativam essa opção de mostrar a foto. E outra, o serviço é novo, é comum bugs.

  17. Vício disse:

    @Paulo Estevão
    tal como eu disse, aqui só aparecem 5 comentadores registados no Blogger.
    Neto, EJM, Dani, Neto e Paulo Estevão
    A partir daí não dá para ver mais nenhum, incluindo esta tua resposta.
    Eu tenho a exibição da imagem activada e não aparece.

    Mas deve ser um bug! Vamos aguardar que a equipa do blogger corrija.

  18. amor Do senhor disse:

    paulo eu queria saber como aumento o css dos avatares pode me falar ?? meu e-mail é salvador.luan@gmail.com
    falo aumentar o tamanho do avatar dos comentários.

  19. E.H.M. disse:

    Obrigado!
    Como fazer parceria
    Colocar menu em baixo do blog

  20. Gяαzι-єℓα disse:

    realmente funcionou!! VLW!!

  21. Gяαzι-єℓα disse:

    Realmente funcionou!! ótimo!! VLW!!

  22. CRIS disse:

    muito legal…deu certo..
    obrigadooo!!!

  23. Bruna Yoshitomi disse:

    Oiie, será que vc pode me dizer pq minhas atualizaçoes no aparece aquela fotinha do lado do blog?

    brigada!!

  24. Edson _ Need disse:

    Como é que faço pra deixar a área dos meus comment's como o seu?? Queria tanto aprender… Vontade tem de sobra, só faltam tutoriais na NET… Obrigado desde já! xD

  25. ●๋•wểکlểý ΒΔΞ●๋• disse:

    o meu deu certo mas não mostra as imagens dos Perfils fika so um quadrado sem a Foto!!

    Como arrumar isso??

    me responda Por EMAIl si for Possivel

    EMAIl: wesley.2110@hotmail.com

  26. Antonio Alves disse:

    Não deu!

  27. Mateus Antônio disse:

    Paulo,
    eu usei este post para ativar as fotos no meu blog, depois de algum tempo coloquei os códigos do post "Icone padrão para comentários sem foto dos autores". Agora não aparece as fotos de perfil somente as fotos personalizadas.

    Já tentei de tudo mas nada funciona e não sei o que fazer.

  28. Paulo Estevão disse:

    @Matheus,
    provavelmente é erro do Blogger cara.

  29. Caroline Silva disse:

    Consegui, tava a mto tempo querendo fazer isso *__*

    MUITO Obrigada!

  30. Leonardo Magalhães™ disse:

    Bom artigo nota 10!

  31. Amanda disse:

    OMG
    Caramba depois de dois dias procurando por um código que desse certo no meu blog, finalmente.
    Nem acredito que esse post de 2009 me ajudou kkkkkk
    Segui todos os passos, pq só o começo não deu certo pra mim.
    Muito Obrigada, foi de grande ajuda!
    😉

Para enviar seu comentário, preencha os campos abaixo:

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