sexta-feira, 18 de setembro de 2009

Imagens do perfil nos comentários do Blogger

A nova novidade no Blogger é mostrar as imagens de perfil ao lado dos comentários dos seus leitores para quem usa o formulário de comentários embutidos. Além disso, ficou mais fácil fazer um upload de uma foto quando um comentário for deixado. E sempre que alguém for comentar num blog do Blogger, a foto do perfil sempre será exibida.





Para habilitar essa nova funcionalidade, vá em Settings(Configurações) >> Comments(Comentários):



Mas aí vem um problema: Se o seu template não for nativo do Blogger ou que deva ter feito muitas customizações, você deve incluir o código manualmente. Portanto, mãos à obra:

1) Vá em Painel de controle >> Lay-out >> Editar HTML e clique em Expandir modelos de widget.(Não esqueça de fazer antes um backup de seu template caso dê algo errado)

2) Procure por essa linha:

<dl id='comments-block'>

3) Apague e cole em seu lugar esse código:

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

3) Agora procure por esta outra linha:

<a expr:name='"comment-" + data:comment.id'/>

4) Cole imediatamente após a linha, este código para habilitar a funcionalidade:

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

4) Visualize para ver se tudo está ok, e salve! Pronto, as imagens o perfil estão habilitadas em seu blog.

Esta é mais uma funcionalidade que o Blogger oferece aos seus usuários por causa do seu aniversário de 10 anos!

Atualização 19/09 06:00: Em determinados templates, a imagem fica desajustada, logo devemos customizar, usando CSS. Aqui vão alguns links interessantes:

Ativando foto nos comentários e correções - Códigos Blog
Personalizando o avatar nos comentários - HTMHelen

No meu blog, os códigos estão levementes diferentes do Template mínima, e portanto não deu muito certo estas customizações. No meu caso terei que fazer uma adaptação adiante. Mas isso fica para depois.

Artigos recentes

Linkem me:

Related Posts with Thumbnails
Google