Imagens de perfil nos comentários

Colocar imagens de perfil nos comentários no blogger é muito fácil e qualquer um pode fazer. É um recurso interessante, pois personaliza o seu relacionamento com seus leitores. Através desta configuração, toda vez que algum leitor fizer um comentário em seu blog a imagem do perfil do seu leitor será exibida ao lado do comentário.

Imagens de perfil nos comentários – Quem não possuir imagem?

Uma vez que você configurou seu blog para exibir imagens de perfil nos comentários, alguns casos pode ficar a imagem com o logotipo do blogger no local da foto. Isto se deve ao fato de que o leitor não postou sua foto no seu perfil do blogger / google. Em alguns casos isto pode ocorrer. Para quem ainda não sabe de qualquer recurso estamos falando, abaixo um exemplo:

Imagens de perfil nos comentários – Contas novas

Para quem acabou de criar seu blog na plataforma blogger, é mais prático pois não necessita de alterações no fonte do blog. Para fazer esta configuração acesse o menu Configurações – Comentários dentro de sua conta no blogger.

Nesta janela, você encontrará a opção Mostrar Imagens de perfil nos comentários, mude esta opção para SIM e teste em seu blog se houve resultado. Caso não houver nenhuma alteração, será necessário então alterar o código fonte de seu blog conforme o próximo tópico.

Imagens de perfil nos comentários – Alterações no fonte

Caso seu blog ainda não tenha exibido as imagens de perfil nos comentários conforme a configuração do tópico acima, acesse Layout – Editar HTML e em seguida clique em Expandir modelos de widgets. Nunca se esqueça que antes de realizar alterações no fonte de seu blog recomenda-se sempre fazer um backup do mesmo. Agora procure um trecho de código igual ou semelhante ao que segue abaixo. Para isso, você pode utilizar a busca do navegador Ctrl+F.

<data:post.numComments/> <data:commentLabelPlural/>: </b:if> </h4>
<dl id='comments-block'> <b:loop values='data:post.comments' var='comment'> <div class='comment'> <dt class='comment-author' expr:id='"comment-" + data:comment.id'> <a expr:name='"comment-" + data:comment.id'/> <b:include data='comment' name='commentDeleteIcon'/> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><b><data:comment.author/></b></a> <b:else/> <b><data:comment.author/></b> </b:if> <p><data:comment.timestamp/></p> </dt> <dd class='comment-body'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p><data:comment.body/></p> </b:if> </dd> </div> </b:loop> </dl>
<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'>

Repare que no código acima existem duas áreas em vermelho e no interior das mesmas um código fonte. Para colocar imagens de perfil nos comentários você deverá substituir o código que esta entre esses dois códigos em vermelho, conforme o código abaixo

<dl expr:class='data:post.avatarIndentClass' id='comments-block'> <b:loop values='data:post.comments' var='comment'>
<div class='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> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt> <dd class='comment-body'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p><data:comment.body/></p> </b:if> </dd> <dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd>
</div>
</b:loop> </dl>

Basta clicar no botão Salvar Modelo e verificar se a alteração funcionou em seu blog.

Um abraço e até a próxima!

Adriano Luz: Pós-graduado em Sistemas de Informação e Banco de dados, atualmente atua com consultoria em sistemas, SEO e marketing digital. Amante por blogs, é responsável pela administração do blog Publicidade na web.