Como Realçar os Comentários do Autor do Blog


Para que os seus comentários sejam destacados dos demais no seu blog siga este tutorial.

Clique em Layout ► Editar HTML.► Marque a caixinha Expandir modelos de widgets
1º Passo
1- Encontre o código:
          <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>
Busque pela linha <dd class='comment-body'> com o Ctrl+F que fica fácil

2- Acrescente o código
<b:if cond='data:comment.author == data:post.author'>
<dd class='blog-author-comment'>
<p><data:comment.body/></p>
</dd>
<b:else/>
Acima do código:
          <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 a linha: </b:if> abaixo deste código.

» Ficando assim:
<b:if cond='data:comment.author == data:post.author'>
<dd class='blog-author-comment'>
<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>
♦ Clique em VISUALIZAR para se certificar que está indo tudo certo.

♦ Clique em SALVAR ALTERAÇÕES.
2º Passo
Agora você vai configurar o CSS dos seus comentários no seu blog:

» Cole o código:
.blog-author-comment {
margin:.25em 0 0;
}
.blog-author-comment p {
margin:10px;
padding:10px;
border:1px dotted #c0c0c0; /*Configure o tipo de borda e a cor*/
background:#f5f5f5; /*Cor do fundo do SEU comentário*/
}
» Acima da tag ]]></b:skin>

♦ Clique em SALVAR ALTERAÇÕES.

♦ Clique em Visualizar blog e Clique em um post para verificar se seu comentário está diferenciado dos outros.

» Vá editando o código CSS até ficar da forma que quiser.

Para completar o conteúdo e você aprender um pouco mais sobre CSS para configurar os seus comentários da forma que quiser visite estes links:
Aprenda HTML e CSS
CSS Padrões
Site do Maujor

Esta dica eu aprendi com o Usuário Compulsivo

Fonte Imagem
Como Realçar os Comentários do Autor do Blog Como Realçar os Comentários do Autor do Blog Reviewed by Aurea on 10/25/2009 Rating: 5

16 comentários:

  1. Os comentários do autor ficaram duplicados "/
    Vê como faz pra me ajudar, segui os passos certinhos.
    blog Papo Contemporâneo

    ResponderExcluir
  2. Essa é uma das minhas maiores dificuldades, nunca consegui personalizar o comentário do autor. Tá certo que nunca insisti nisso, mas nas vezes que tentei não consegui. =/
    Vou seguir esse tutorial. Muito bem feito! Parece que agora vou coneguir. \o/

    ResponderExcluir
  3. @Insight Que bom! Quanta honra! Espero que dê certo!

    ResponderExcluir
  4. ótimo era isso que estava procurando

    ResponderExcluir
  5. Super dica essa e como sempre uma explicação clara e de fácil compreensão Aurea.

    ResponderExcluir
  6. Amiguinha, eu queria saber se voce tem um tutorial de como criar um template, a partir desses padrões do Blogs pot !
    Obrigado !

    ResponderExcluir
  7. Comigo não deu certo! buááá.. Me ajuda, please.

    ResponderExcluir
  8. Sensacional o seu blog, parabéns, me ajudou bastante.

    Bjo.

    ResponderExcluir
  9. Muito boa a dica e funcionou perfeitamente!!!

    ResponderExcluir
  10. Ah, muito obrigada! Funcionou muito bem!
    Começando meu blog agora e pretendo arrumar tudo antes de mostrá-lo realmente ao mundo xD
    Antes de pôr em prática sua dica, pus um código que permite o uso de emoticons nos comentários e, infelizmente, quando EU quero usá-los não consigo xD Mas tudo bem =) O importante é que quem for comentar conseguirá usar os emoticons normalmente [testei como "Anônimo" e apareceu xD].
    Obrigada novamente e parabéns pelo útil [e lindo!] blog.

    ResponderExcluir
  11. @Luh AndradeLuh,

    Vou testar este tutorial novamente e assim que tiver uma resposta ou alguma mudança comento aqui.
    Um abraço,
    Áurea

    ResponderExcluir

Todos os comentários são lidos e moderados antes da publicação.
Para que seu comentário seja publicado leia a Política de Comentários do Blog no post Regras do Blog

Tecnologia do Blogger.