Destacando os comentários do autor

0

Para quem gosta de responder seus comentários dentro de seu próprio blog, essa dica é ótima por destacar o comentário do autor da postagem em relação com os comentários postados pelos leitores.
Então vamos lá para mais um tutorial sobre a area de comentários do blogger.

  • 1.Faça login no Blogger

  • 2.Vá para Layout->Editar HTML-> marque a caixinha Expandir modelos de Widget
Lembre-se de salvar uma Cópia do modelo (basta clicar em “Baixar o modelo completo” e depois selecionar o local que deseja salvar ).

  • 3.Procure pelo seguinte trecho utilizando as teclas Ctrl e F:

<dl id=’comments-block’>
<b:loop values=’data:post.comments’ var=’comment’>
<dt class=’comment-author’ expr:id='”comment-” + data:comment.id’>
<a expr:name='”comment-” + data:comment.id’/>
<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>

Agora insira o código seguinte abaixo do código acima:

<b:if cond=’data:comment.author == data:post.author’>
<dd class=’blog-author-comment’>
<p><data:comment.body/></p>
</dd>
<b:else/>

  • 4.Agora procure pelo código abaixo:

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

E insira o código seguinte abaixo do código acima:

</b:if>

  • 5.Agora vamos alterar a CSS do Blog, procure pelo código seguinte:

.blog-author-comment {
margin:.25em 0 0;
}
.blog-author-comment p {
margin:0 0 .75em;
padding:5px 10px;
border:1px dotted #254117;
background:#C3FDB8;
}

6.Salve as alterações e confira o resultado, e boa sorte !!!

Deixe uma resposta