Como uma das novidades em comemoração aos 10 anos do Blogger, hoje foi anunciado pelo Blogger Buzz o suporte à fotos/avatares nos comentários abaixo dos posts do Blogger/Blogspot. Apesar de não ter sido como a gente esperava, o novo recurso está aí – mesmo que não sendo ativado automaticamente nos templates personalizados. Para ativar, podemos reverter os modelos de widgets para o padrão (em Editar HTML) ou então modificar o código para tal, como veremos abaixo. Vamos lá?
Para ativar o suporte a fotos/avatares no Blogger, faça o seguinte:
Agora, marque a opção Expandir modelos de widgets.
Não se esqueça de fazer o backup do seu template antes de realizar as alterações no código, clicando em Baixar modelo completo.
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
ACRESCENTE também em seu código a parte que está em verde, na mesma posição em que está no código que acima.
Visualize para verificar se está tudo correto e clique em Salvar Modelo. Agora seu blog passará a mostrar as fotos dos usuários que comentarem com a conta Google.
Se o Hack não funcionar ou causar erros no seu template, desfaça as alterações clicando em Limpar Edições ou utilize o backup que você criou e clique em Fazer Upload, então refaça todo o processo. Note que em templates cuja área de comentários seja muito personalizada, os avatares podem ter seu posicionamento prejudicado. Ainda não foi descoberto um modo de ajustar isso – o tutorial será atualizado assim que possível, com essa informação.
Anterior
Assine o Feed
Adicione ao Google
Receba por Email
Twitter
será mesmo, nem dá pra acreditar! vou testar!
Agora que eu penei pra conseguir sozinha? :P
Meu template convertido do Wordpress aceitou os códigos, mas não apareceu nada.
Marco Damaceno
Rá! Curti! Funcionou! :)
@Marco Damaceno, provavelmente você precisará fazer ajustes no CSS, como eu precisei.
Já está funcionando :)
Já ativei no meu blog, realmente não ficou tããão legal quanto o Gravatar e demora um pouco pra carregar as fotos, mas é um começo.
Gostei do novo recurso do blog, apesar de não fazer tanto efeito, mais vale a pena, com pequenas mudanças, o blogger vai passando pra melhor.
Gostei da dica Sérgio, eu já havia lido no Buzz, mais ainda não sabia como ativar.
Eu não encontrei o código dl id='comments-block no meu template. Como faço?
Pronto. Configurado!
Muito obrigado pelo hack!! :)
Oieeeee, Obrigada deu certo, beijinhos.
Legal, funcionou bem!!
Valeu!!
Meu Blog não tem este primeiro código laranja, para substituir. Uso o Template Mínima do Blogger. Mas o código não aparece. Prq?
Obrigada!!
Abraço! =)
teste
valeu o post
testando...
fico muito feliz em ver que a Google está pensando em nós blogueiros de 1ª viagem e espero que melhore cada dia mais!
Funcionou legal no meu Blog graças a quem executou o template
Por algum motivo, o espaço onde ficariam as fotos só aparecem o link, quando vc fica com o mouse em cima, mas nada das fotos...o que posso fazer para as fotos aparecerem???
no meu deu certo, mas so aparece de quem ja tem foto no google. e como faz pra nos colocarmos uma imagem quando for automatico. tipo o seu que aparece um T
Good job!
testando...
ÓTIMO!!! Funcionou perfeitinho, Vlw, o site já está em meus favoritos!
Cara Perfeito!!! obrigado seu e-book são minhas apostilas de bloggar! um abraço!
Não consegui encontrar no meu template, porque?? Alguém pode me responder!!! Por favor.
Pois é, não é um "Gravatar" mas quebra um galho né não?! Lá só aparece nos perfis autorizados. Prossegue?
Gostei...
Pow cara, voçês são os melhores! Estão todos de parabéns, mas ainda to com uma dúvida, eu to criando um novo blog, http://soprogramass.blogspot.com/ - mas não estou conseguindo fazer com que aparece em cima da postagem, sabe, pra fica, a categoria e os comentários, já procurei, fussei em tudo, mas não estou conseguindo, será que tem como me dar uma mão, meu email é lucasoliver_2@hotmail.com..
VLW.
cara vc,s são dimais valeu
Infelizmente vão consegui porque meu template (Blogger) é novo e já coloquei o formulário de comentários embutido. Então na minha primeira tentativa com outro código expandi modelos deu certo mas, meus comentários ficaram repetidos. Excluí um deles, porém o original também foi excluído.
Pensei que resolveria o caso com o seu tutorial, mas só consegui encontrar o primeiro código, pois o segundo não consta ou está completamente diferente. Alguma solução?
Meu e-mail: anaterra.judice@hotmail.com
Se puder me ajudar ficaria muito grata.
eu configurei o meu blog para que os avatares fossem mostrados e funcionou mas desde há uns dias surgiu um problema: apenas o 5 primeiros são mostrados.
sabe porquê?
Funcionou super bem! Obrigado por compartilhar equipe IceBreaker! :)
valeu pela dica
Como configurar isso para o template MINIMA?
primeiramente obrigado pela dica, mas infelizmente não consegui aplicar ela com perfeição, nos meus testes comento 5 vezes e depois da quinta não aparece mais o avatar, fica só aquele fundo branco...
Olá galera do IceBreaker...
primeiro de tudo quero dizer a area aqui tá sensasional, completa e bem customizada.
segundo, eu queria matar uma duvida minha que só voces podem ajudar..
nos comentarios de voces aqui, as pessoas que nao comentam com o id google, ficam com o icone do site...!!!
COMO FAÇO ISSO???
grato desde já pelas dicas maravilhosas de voces e espero que possam me ajudar nisso.
vlw
Thom Santos
Muito Bom!
Fala Sergio...
Eu tô voltando antes da resposta a minha pergunta, mas não precisa mais, rs.
O que eu vim fazer mesmo além de checar as novidades de belíssimo site que vocês fizeram, foi trazer uma informação que eu espero que seja de seu agrado!
eu linkei o seu artigo no meu site, com um detalhe novo.
"O codigo css para alterar o tamanho das imagens" e "incluir bordas nos avatares".
Pensei que você poderia se interessar nisso já que não vi essa informação relacionada no artigo. Passa no meu blog e da uma olhadinha no codigo, beleza?!!
Abração pra galera do Ice Breaker e parabéns de novo.
Thom Santos
oi so testando
so testando.rsrs
ajudou bastante
muito bom esta post
Encontro alguns problemas, mas funciona parcial...
Deu certíssimo aki, sem problema algum! Valeu Sérgio!
Valeu cara, muito bom!
Parabéns pelas ótimas dicas.
Gente serah que isso e normal???olhem o meu blog www.nauangames.blogspot.com!Quando você quer olhar o que tem embaixo ai a scrollbar a barra de rolagem fica aumentando e quanto mais se vai abaixando ela! MAIS fica confuso e embaixo está tudo em BRANCO!!!Digam que problema e esse gente! JÁ testei várias templates no meu blog e ainda continua assim que e que eu faço???
Caro amigo,
Usei este hack para os comentários do meu blog, só que a minha foto (a do autor do blog) não aparece, como você pode ver pelo link: http://anunciodaverdade.blogspot.com/2009/12/um-santo-natal.html#comments
Gostaria de sua ajuda, por favor.
Muito bom esse post procurei em outros blogs sobre isso mas a sua solução foi a melhor valeu pela dica.
Ótimo, muitíssimo obrigado. Funcionou certinho aqui.
facilimo....valeu cara
eu fiz um template e coloquei esse codigo e deu certo !! mais quandu copiei o template todo em outro blog !! naum apareceu a imagem
No meu blog funcionou perfeitamente. Melhor ainda depois de fazer as personalizações da exibição dos comentários! vlw pela dica! E parabéns pelo blog, muitissimo bom!!
E quem usa o modelo antigo ? tem como?
Abraço !
vo testar tb!
muito boas as dicas. parabens.
No meu caso só não apareceu o meu avatar, por que? Obrigado.
gostei vlw =D ta funcionando =D
haa era isso que estava procurando obrigada perfect!!!!!!
E, maravilha!!!!!!!!!! Funcionou...obrigado, cara!
www.palatavel.blogspot.com
Muito Bom este hack, ficou lindo no meu blog.
Obrigado pela dica!!!
Antonio Gabriel Cerqueira Gonçalves
Diário do Verde - 2010
Ele aceitou o código, mas a foto não aparece...sabe pq??