Aprenda a destacar os comentários do autor do blog

5 Comentários »


Em mais uma daquelas garimpadas pela web, achei um hack bem legal, e na verdade nem novo é, mas é de grande valia, pois facilita a vida do seu leitor em identificar aquilo que você responde para ele, neste hack você irá aprender a destacar seus comentários, deixando-os diferentes dos demais comentáros, assim fica fácil do seu leitor saber quando você respondeu seus comentários, é simples a dica e o hack, então vamos lá!

comments Aprenda a destacar os comentários do autor do blog
1- No seu Blogger vá em Layout>Editar Html, e marque expandir modelos widgets, mas antes para evitar “cacacas” baixe o modelo completo(backup do template).

2- Agora procure por:

]]></b:skin>

E logo acima dele adicione o código abaixo.

.comment-body-author {
background: #E6E6E6; /*Cor do Fundo*/
color: #000; /* Cor do Texto*/
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px; /* Posição*/
}

 


3- Agora procure por:

<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>
said…
</dt>

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

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

</b:if>

<dd class=’comment-footer’>
<span class=’comment-timestamp’>
<a expr:href=’”#comment-” + data:comment.id’ title=’comment permalink’>
<data:comment.timestamp/>
</a>
<b:include data=’comment’ name=’commentDeleteIcon’/>
</span>
</dd>
</b:loop>
</dl>

4- As partes em vermelho, são as partes que você irá adicionar no seu template.
5- Visualize, e se não apresentar erros, salve!

Ps.:Lembre-se que quando for comentar no seu próprio blog, tem de ser logado e deve usar a conta do google que é a mesma do seu blog, senão, não funciona.
Este Hack tirei e traduzi do blog trick-blog, o artigo original está aqui.

Que tal compartilhar este texto com seus amigos? É só clicar nos botões abaixo e divulgar!

Divulgue seu blog no Divulga Links e receba visitas grátis Divulga Links

5 Comentários »

5 comentários

  1. edilene - amor disse:

    gostei desta
    bjks

  2. André ferreira disse:

    consegui oba!
    vlw :)

  3. Princesa disse:

    Poxa, foi apenas com as informações deste blog que consegui a façanha! Parabéns!

  4. renata delmondes disse:

    passei muito tempo pesquisando sobre isso e nada dava certo no meu blog até encontrar o seu!! Adorei a dica. Ficou divino no meu blog! Agora todas as minhas respostas estão destacadas. Obrigadom

Faça um comentário

Notifique-me de novos comentários via e-mail. Você também pode se inscrever sem comentar.