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.
Nossa! Estava procurando isso! Que bom q sigo seu blog, agora consegui! Bendito sejas!
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
Não funcionou comigo também
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???
eu tambem não encontrei o dl id='comments-block' que ki eu fdaç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!!
Olá, Sérgio!
Eu personalizei um template para, nas paginas internas, aparecer somente a postagem selecionada, sem sidebares laterais. Acontece que no blog de teste ficou tudo certo. Salvei o modelo no meu pc e depois baixei no blog oficial. Só que daí os avatares sumiram! Como pode? Já fiz de tudo e continua na mesma só aparece no blog de teste!
Até tirei o domínio voltando p blogspot.com e mesmo assim não apareceu avatar algum nos comentários. Conferi o código acima no template e está correto. Arquivei o modelo p continuar testando.
Coisa doida mesmo.
Bjos na alma!
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??
:)
só testado rsrs
vlw
muito bom
UPA o JS denovo pow! o Geocities não funciona mais!
Deu certo, obrigado pela dica.
www.magnorbarros.blogspot.com
Haaa num consegui nu meu blog :(
http://baixarfilmesz.blogspot.com/
O que tá dando muita dor de cabeça é um erro no código desse post, entre em contato para que eu possa te explicar que erro é, pois como é código, não dá para enviar por aqui.
Abraço!
http://questaoderaciocinio.blogspot.com/
voçe esta de parabens amigo
http://www-cruzeiro-esporte-clube.blogspot.com/
não funcionou no meu template. :(
Muito boa mesmo, estava triste por não conseguir, deu certinho, valeu mesmo
Abraços forte
Como colocar avatar nos comentarios dos Anonymos
conseguiii... template chato, mas consegui... valeu a dica brother!!! www.servosembelem.blogspot.com
Nao consegui alterar o meu
ainda aparece a bosta da imagem do incone "B"
tb nao consegui.... ainda aparece aquele "B" maldito
Oh vou te falar uma coisa, curti pacas! as suas informações, estava buscando umas coisas sobre Crawl error.
e nem fazia ideia que tinha outros blogs brasileiros que entende se disso!..
eu tenho uns 10 sites entre eles um blog com um custom domain no qual sempre pego os themes e remodelar eles ao mesmo gosto... porem tentei fazer alguns dos seus "Hacks" nos meus e vi que já tinha tudo!..
Parabéns! só queria uma dica sua! Seria capaz eu colocar esse Foot exemplo do seu no meu blog?
http://www.jailbreakbrasil.com
Não funcionou... snif, snif.
Bem legal existe um jeito mais simples agora que disponibiliza na propria configurações do blog lá tem a opção ! meu blog consegui fazer fácil , www.osgozadoresp.blogspot.com
ñ acontraceru nada no meu aceitou os cíodicos mais nada
www.xprexdownloads.blogspot.com
Não funcionou comigo, pois para os comentários que não tem avatar apareceu o icone do blog e que tem o avatar, não aparece nada.
Também achoc d
Eu fiz tudo direitinho, mas não deu certo.
Continuo com comentários dos meus seguidores sem avatar.
No meu comentário acima, disse que não tinha conseguido colocar o avatar nos comentários, mas como eu estava primeiramente visualizando pra verificar se estava tudo certo, não aparecia. Mas quando eu salvei, deu certo!
Ops: Primeiramente fiz teste em um blog de teste.
Obrigada!
(Muito Legal)
Classificação fiscal, Importação, Ncm, Tipi, Tec, Comex, Aduana, Legislação Fiscal, Nesh, Alíquotas, Exportação
Adorei, deu certo!
Funcionou perfeitamente!!
boa ideia mesmo
amigos do icebreaker gosto muito dos seus artigos, mais gostaria que mostra - se como fazer um sistema de comentario igual esse de vocês com foto do perfil do blogger
edson trevisam
edsontrevisan@terra.com.br
http://www.mercadoabc.com.br/
OTIMO BLOK OU SIT PARABENS
titulo
Aprenda Formatar seu Computador e Notebook e Ganhe Dinheiro
Adquira seu Kit de Formatação e receba mais de 1 milhão de Drives
e coloque o link do seu site abaixo
Site: www.mercadoabc.com.br
Aprenda Formatar Computador Notebook
testando...
testando
testando
testando
Testando.....
não funcionou no meu blog ):
http://velvetnleather.blogspot.com