, , ,

Ativando as fotos/avatares nos comentários do Blogger

106 comentários
Blogger Hacks 

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:

Acesse o seu Painel do Blogger e selecione Layout, então clique em Editar HTML para entrar no modo de edição do código do seu Template.
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.

Procuro no seu código por <dl id='comments-block'> (utilizando o CTRL+F do seu navegador). Você deverá SUBSTITUIR esta parte pela parte em laranja abaixo: 

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>
          <dt expr:class='&quot;comment-author &quot; + 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.

Comentários (106)
Hugo Meira 17/09/09 23:19

será mesmo, nem dá pra acreditar! vou testar!

Mary Fahur 17/09/09 23:42

Agora que eu penei pra conseguir sozinha? :P

Meu template convertido do Wordpress aceitou os códigos, mas não apareceu nada.

Marco Damaceno

Helen Fernanda 18/09/09 08:49

Rá! Curti! Funcionou! :)

@Marco Damaceno, provavelmente você precisará fazer ajustes no CSS, como eu precisei.

Meri Pellens 18/09/09 09:24

Nossa! Estava procurando isso! Que bom q sigo seu blog, agora consegui! Bendito sejas!

Ulires 18/09/09 09:29

Já está funcionando :)

Alex Issao 18/09/09 10:26

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.

Charles 18/09/09 12:12

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?

Daniel 18/09/09 23:30

Pronto. Configurado!
Muito obrigado pelo hack!! :)

Kika 19/09/09 14:45

Oieeeee, Obrigada deu certo, beijinhos.

Wandyson Moreira 19/09/09 17:02

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 22/09/09 12:50

teste

Bemplates 23/09/09 06:38

Não funcionou comigo também

Mulheres 24/09/09 11:46

valeu o post

cafebrecho.com.br 25/09/09 01:00

testando...

Renatinho 27/09/09 01:09

fico muito feliz em ver que a Google está pensando em nós blogueiros de 1ª viagem e espero que melhore cada dia mais!

Kastner 29/09/09 00:09

Funcionou legal no meu Blog graças a quem executou o template

Rebolati2oin 30/09/09 10:03
Este comentário foi removido pelo autor.
Sérgio Miranda 30/09/09 11:42

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???

iTzMe Donizete 01/10/09 19:25

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

Albania 02/10/09 16:54

Good job!

flavio laia 03/10/09 16:56

testando...

flavio laia 03/10/09 17:52

ÓTIMO!!! Funcionou perfeitinho, Vlw, o site já está em meus favoritos!

Agulha3al 05/10/09 14:59

Cara Perfeito!!! obrigado seu e-book são minhas apostilas de bloggar! um abraço!

Adilson 06/10/09 19:46

Não consegui encontrar no meu template, porque?? Alguém pode me responder!!! Por favor.

Vagner Ferreira 06/10/09 22:16

Pois é, não é um "Gravatar" mas quebra um galho né não?! Lá só aparece nos perfis autorizados. Prossegue?

Joabbyson Freire 07/10/09 21:52

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.

ELITE POSITIVA 20/10/09 11:15

cara vc,s são dimais valeu

ElmaCarneiro 24/10/09 12:35

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.

Vício 26/10/09 15:51

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! :)

anderson 31/10/09 18:05

valeu pela dica

Samuel 31/10/09 18:14

Como configurar isso para o template MINIMA?

Rafael Dourado 04/11/09 21:03

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...

T Filmes 11/11/09 03:18

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

Guilherme Sousa 14/11/09 19:14

Muito Bom!

Menino Virtual 20/11/09 15:50

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

Fernanda Maria 01/12/09 18:19

oi so testando

Dantas. 09/12/09 00:51

so testando.rsrs

ajudou bastante

muito bom esta post

Arierom 10/12/09 13:52

Encontro alguns problemas, mas funciona parcial...

Michelly 12/12/09 02:01

Deu certíssimo aki, sem problema algum! Valeu Sérgio!

Alberis Luís 12/12/09 12:35

Valeu cara, muito bom!
Parabéns pelas ótimas dicas.

Nauan 20/12/09 19:58

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???

Anônimo 22/12/09 12:15

eu tambem não encontrei o dl id='comments-block' que ki eu fdaço

Álvaro Amorim 29/12/09 11:25

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.

peloestilo 30/12/09 02:11

Muito bom esse post procurei em outros blogs sobre isso mas a sua solução foi a melhor valeu pela dica.

leandro´sS 30/12/09 21:19

Ótimo, muitíssimo obrigado. Funcionou certinho aqui.

omundoegospel 01/01/10 17:14

facilimo....valeu cara

Marcelo - ZeRo CoOL 10/01/10 16:01

eu fiz um template e coloquei esse codigo e deu certo !! mais quandu copiei o template todo em outro blog !! naum apareceu a imagem

Felipe CDs 13/01/10 16:11

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!!

Reyel Angel 18/01/10 14:51

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!

Danilo Ramos 21/01/10 02:50

E quem usa o modelo antigo ? tem como?

Abraço !

Breno_Cutlet 27/01/10 22:28

vo testar tb!

Adm 30/01/10 15:25
Este comentário foi removido pelo autor.
Adm 30/01/10 15:27

muito boas as dicas. parabens.

Ígor 03/02/10 18:40

No meu caso só não apareceu o meu avatar, por que? Obrigado.

Habbiscs 14/02/10 00:44

gostei vlw =D ta funcionando =D

Sumello 18/02/10 17:35

haa era isso que estava procurando obrigada perfect!!!!!!

Marcel Dias Pitelli 21/02/10 04:35

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

maica 28/02/10 22:10

Ele aceitou o código, mas a foto não aparece...sabe pq??

Walter Jr 03/03/10 09:41
Este comentário foi removido pelo autor.
141motti 19/03/10 23:56

:)

Luciana ~~¤° 13/04/10 13:27

só testado rsrs

Gustavo Pelisson 17/04/10 23:26

vlw

para-olhares 25/04/10 02:01

muito bom

' DeeJaay iFilezinho 06/05/10 00:41

UPA o JS denovo pow! o Geocities não funciona mais!

Magno D'leon 30/05/10 07:23

Deu certo, obrigado pela dica.
www.magnorbarros.blogspot.com

Caçulinha 12/07/10 20:43

Haaa num consegui nu meu blog :(
http://baixarfilmesz.blogspot.com/

James Rocha 20/07/10 03:39
Este comentário foi removido pelo autor.
James Rocha 20/07/10 03:41

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/

Anônimo 16/10/10 01:39

voçe esta de parabens amigo
http://www-cruzeiro-esporte-clube.blogspot.com/

Alexandrina Oliveira 07/12/10 14:11

não funcionou no meu template. :(

Principe Encantado 07/12/10 18:33

Muito boa mesmo, estava triste por não conseguir, deu certinho, valeu mesmo
Abraços forte

William 10/12/10 20:11

Como colocar avatar nos comentarios dos Anonymos

Vida em Cristo 17/12/10 20:33

conseguiii... template chato, mas consegui... valeu a dica brother!!! www.servosembelem.blogspot.com

Du Pessoa 08/01/11 22:30

Nao consegui alterar o meu
ainda aparece a bosta da imagem do incone "B"

PojucaONLINE 10/01/11 14:34

tb nao consegui.... ainda aparece aquele "B" maldito

MacintoshBrasil 01/02/11 20:32

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

Sybylla 06/02/11 01:19

Não funcionou... snif, snif.

Fernando Lucas 14/02/11 20:26

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

Gui.xD 27/03/11 09:51

ñ acontraceru nada no meu aceitou os cíodicos mais nada

Gui.xD 27/03/11 09:51

www.xprexdownloads.blogspot.com

Andrea Winchester 10/04/11 09:19

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.

Anônimo 03/05/11 11:38

Também achoc d

Viviani 18/05/11 10:59

Eu fiz tudo direitinho, mas não deu certo.
Continuo com comentários dos meus seguidores sem avatar.

Viviani 18/05/11 11:16

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!

Anônimo 27/05/11 16:29

(Muito Legal)
Classificação fiscal, Importação, Ncm, Tipi, Tec, Comex, Aduana, Legislação Fiscal, Nesh, Alíquotas, Exportação

Larissa Vidal 31/05/11 23:28

Adorei, deu certo!

Andrea Winchester 14/07/11 08:18

Funcionou perfeitamente!!

boa ideia mesmo

Wky Download® - 26/07/11 00:29

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

trevisam2010 09/09/11 14:26

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

Bruno Martins 13/09/11 22:04

testando...

Bruno Martins 13/09/11 22:09

testando

Bruno Martins 13/09/11 22:14

testando

Bruno Martins 13/09/11 22:19

testando

Bruno Martins 13/09/11 22:23

Testando.....

HєLLioи 07/10/11 16:50

não funcionou no meu blog ):

http://velvetnleather.blogspot.com

Café Brechó 26/07/13 13:28

teste

muito bom o blog, adorei!

Postar um comentário