Ativando os avatares no seu blog

O recurso que muitos usuários da plataforma blogger esperavam era o de inserir Fotos/avatares nos seu sistema de comentários. Até então isso era luxo somente do Wordpress e Campânia.

Creio que nossos problemas acabaram pois com a comemoração de 10 anos, o blogger inseriu e ativou esse recurso na plataforma. Mas por enquanto ele não está disponível nos templates customizados, ou seja, ele só está funcionando corretamente nos templates do próprio sistema.

Mas como um bom samaritano que sou, vim ensinar-lhes a colocar o código diretamente no seu HTML.

Segue o Tutorial:

Entre em "Layout" -> "Editar HTML" -> marque a opção "Expandir modelos de widgets" e encontre o trecho: <dl id='comments-block'>

Depois subistitua por:

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

Depois encontre o trecho:

<b:if
cond='data:comment.authorUrl'>           
<a expr:href='data:comment.authorUrl'
rel='nofollow'><data:comment.author/></a>

E cole ANTES dele o código:

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

Tudo deve ficar mais ou menos assim:

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

Agora as fotos dos comentaristas irão aparecer corretamente no seu blog. Claro se eles comentarem usando a "Conta do Google"