» Códigos, Dicas, Templates, Tutoriais para deixar o seu blog do seu jeito!

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 R C 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. Super dica essa e como sempre uma explicação clara e de fácil compreensão Aurea.

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

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

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

    Bjo.

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

    ResponderExcluir
  9. 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
  10. @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.