, , ,

Ativando as fotos/avatares nos comentários do Blogger

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.