Como colocar avatar nos comentários do blog

12 outubro 2010
Avatar é a imagem que fica do lado dos comentários.Todos que comentar no seu blog vai aparecer seu avatar.
imagem-nos.comentarios
Então vamos ver como se fás isso.
  • Primeiro de tudo você tem que ver se a opção  Mostrar imagens de perfil nos comentários? esta ativadaimagens-de-comentarios
  • Se esta opção esta ativada e nao apareceu a imagem você  tem que trocar o código do template.
Vá em "Design" - "Editar HTML" , marque 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 em azul é a que você tem que trocar pelo esse 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>
Espero este ajudado e faça bom aproveito.

0 comentários:

Postar um comentário

 
© Help Blog - Tutoriais e Dicas | Designed by Thailand Hotels, in collaboration with Tech Updates, Webdesign Erstellen and Premium Wordpress Themes