segunda-feira, 2 de agosto de 2010

Colocando avatar nos comentários

http://easycaptures.com/fs/uploaded/413/3123500993.jpgAvatar é a imagem de exibição de cada usuário do seu blog.Todos que comentárem , será exibido o avatar ao lado de seu comentário, exceto anônimos.O primeiro passo a se fazer para colocar avatar no seu blog é ativar o recurso e verificar se o seu blog já tem o código do avatar no template, para isso vá em "Configurações" - "Comentários" e mais abaixo, marque 'sim' em ' Mostrar imagens de perfil nos comentários?' , como você ve na figura abaixo:

http://easycaptures.com/fs/uploaded/413/0815620198.jpg


 Em seguida salve e faça um teste.Comente você mesmo em seu blog, ou veja um comentário qualquer, se o avatar está sendo exibido, se estiver, está pronto!, mas se não estiver, é poquê falta o código no seu template.Então vamos para o código!

Vá em "Design" - "Editar HTML" , maque a opção "Expandir modelos de widgets"e  procure por esse trecho:

<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='&quot;comment-&quot; + data:comment.id'>
            <a expr:name='&quot;comment-&quot; + 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'>

A parte destacada de vermelho seria a parte que você tem que selecionar,  e depois substituir pelo seguinte código:

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  <b:loop values='data:post.comments' var='comment'>
  <div class='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>
      <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>


Feito isso, salve e pronto!

Marcadores: ,

3 Comentários:

Às 16 de setembro de 2010 04:04 , Blogger JUC disse...

Valeu esse Blog é Show e me ajudou muito.
Deus Abençoe vc!

 
Às 8 de janeiro de 2012 20:52 , Blogger Richard disse...

hehe

 
Às 8 de janeiro de 2012 20:59 , Blogger Richard disse...

Mano vcs são show valeu cbogger

 

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial