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.

4 comentários:

  1. Eu Ainda não enedi direito pois em alguns blogs meus funciona que é uma beleza mas no meu principal que é bom nada

    SAHUUHSUH, mas emfim os avatare sao apenas com conta blogger espero que libere para outras plataformas ...

    ResponderExcluir
  2. Marcos: Se não funcionam é porque os templates não são do próprio Blogger ou eles foram customizados modificando várias coisas. Tente procurar os códigos mencionados e siga a receita.

    ResponderExcluir
  3. Nossa tentei fazer no meu Blog ,sem chance não funciona ,não existe a seg.linha .

    http://centraldosvideo.blogspot.com/
    http://museudecarro.blogspot.com/
    http://humorcegueiro.blogspot.com
    http://asmaisnet.blogspot.com/

    ResponderExcluir
  4. J. Carlos: Seus blogs estão no blogspot, logo deve ter o código mencionado ou então procure somente por comments-block.

    E um detalhe: Leia a política de comentários, spam não é permitido.

    ResponderExcluir

Pessoal, comentem, críticas e elogios serão bem aceitos. E eu respondo, posso demorar mas respondo. Esse velho lobo do mar tarda mas não falha!!!!

Leia antes a minha Política de Comentários.

Se quiser deixar o link de uma postagem sua, utilize o código abaixo trocando o que está escrito em letra maiúscula:

<p><abbr><em><strong>SEU NOME</strong> - último post do blog... <a href="<strong>LINK-DA-POSTAGEM</strong>"><strong>TÍTULO DA POSTAGEM</strong></a></em></abbr><p>

Artigos recentes

Linkem me:

Related Posts with Thumbnails
Google