Post sobre |Dicas blog, Pc

Mudar aparência de comentário do autor no Blogger

Vou mostrar como personalizar o comentário do autor(administrador do blog) do BlogSpot, isso é muito simples, basta adicionar um código no Css do Html de seu blogger.

Atualização 2012, essa opção não funciona mais em blogs que estão com seu código atualizado, se, nos comentários do seu blog tiver a opção de resposta, isso indica que não funcionará essa opção de personalizar o comentário do autor

É algo bastante aconselhável a se fazer num blog, pois muitas pessoas quando o visitam não sabem o nome do autor ou não o encontram muito rápido, e, as pessoas gostam de saber onde o autor comentou, principalmente se ler um comentário onde tem alguma pergunta, a pessoa quer saber se o autor respondeu, para isso é bom dar um destaque ao comentário do autor, isso pode ser uma cor ou estilo de fonte diferente, fundo, ou borda.

É bom dar um destaque pouco chamativo ou que combine com o estilo de seu blog, e, não esquecendo que o autor precisa estar logado no blogger para esse estilo ter efeito no momento de comentar.

add cores comentario autorOnde colocar o código Css para mudar o comentário do autor. Veja ao lado.
    Adicionando o código Css para comentário do autor
  • Estando logado no blogger Procure e clique em Layout(Design)
  • Clique em Editar Html
  • Faça uma cópia de seu modelo, por segurança.
  • Você deverá localizar(tente usar as teclas de atalho Ctrl + F ) esse código:

    ]]></b:skin>

  • Antes do código acima, pode adicionar um desses códigos abaixo:
.blog-author-comment{border:solid 2px green;padding:4px;margin:4px;}Resultado:
Com o código acima faz o comentário do autor ficar com uma borda verde, você pode substituir green por outra cor escrita em inglês ou um código html hexadecimal como esse #000000 que é a cor preta(mais cores aqui).
padding e margin São para dar espaço entre a borda e o que existe próximo a ela, para as palavras não encostarem nela.
Código:.blog-author-comment{background:#f0ffff;}Resultado:
O código acima deixará a cor de fundo azul claro, e também esse código hexa #f0ffff é quem decide a cor, e pode ser mudado.
Código:.blog-author-comment{color:red;}Resultado:Esse é a cor de fonte vermelha para os comentários do autor. Você pode substituir red por um desse códigos de cores aquiCódigo:.blog-author-comment{font-style:italic;}
Resultado:Comentário do autor com letras em itálico, você pode ver mais estilos de fontes css aqui.

Depois de ter adicionado o código, você pode clicar em SALVAR MODELO

Se você quiser dar mais de um estilo, veja um exemplo abaixo:
.blog-author-comment{font-size:115%;
font-family:Coronetscript, Florence, Parkavenue, Cursive;
color:orange;background:#f0ffff;
border:solid 1px blue;}

Resultado:

Código acima tem tipos de fontes, cor da fonte laranja, cor de fundo, borda azul, e tamanho da fonte um pouco maior 115%

Tanto a cor de fundo(background) ou a cor da fonte(color) você pode mudar, basta substituir os códigos de cores que foram usados aqui por um desse códigos de cores aqui

Como pode ser visto nesse exemplo acima, entre-chaves{} estão os estilos, e eles podem ser mudados, as cores, tipos de fonte, você pode deixar a aparência do comentário do administrador do blog como quiser.
Problema: parte do código faltando em alguns templates
Raramente em alguns blogs o procedimento Css acima não vai funcionar sozinho, principalmente para templates da web, talvez muito antigos, porque falta uma parte do código no Html, então, se você já adicionou o código certo no Css e não funcionou, talvez precise o procedimento abaixo.
Você poderá ver se existe um trecho de código que gera um comentário do autor diferente, porém, você talvez precisará substituir um trecho de código, mas, com cuidado e atenção.
  • Acessar o blogger e clique em Design
  • Clique em Editar Html
  • Antes de mexer no Html é importante Baixar modelo completo, por segurança.
  • Marque a opção Expandir modelos de widgets
  • Você deverá localizar(tente usar as teclas de atalho Ctrl + F) essa linha: <data:commentPostedByMsg/>
  • Observe se existe esse trecho de código abaixo parecido como aí está:  <data:commentPostedByMsg/>
      </dt>
      <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
       <b:if cond='data:comment.isDeleted'>
         <span class='deleted-comment'><data:comment.body/></span>
       <b:else/>
         <p><data:comment.body/></p>
       </b:if>
       </dd>

  • Se o código for como esse acima, substitua por esse:
      <data:commentPostedByMsg/>
        </dt>
    <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' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
         <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>

17 comentários:

Mudar aparência de comentário do autor no Blogger2009-10-29T03:17:00-02:00
  1. Este comentário foi removido por um administrador do blog.

    Responder
  2. ORM ESTACA DO VALE

    Esses estilos só tem efeito para quando você mesmo comentar em seu BlogSpot e, usando a sua conta no blogger, só vai ter destaque o comentário do autor do blog, perceba que o meu comentário é diferente(tem uma borda azul), serve para dar um destaque e mostrar para as pessoas que é o autor do blog que comentou.

    Responder
  3. Olá!
    Tentei vários dos códigos acima e fiz testes comentando no meu blog, mas continuou do mesmo jeito que estava antes de mudar.
    Adorei a dica ctrl + f, era um sacrifício achar os códigos...era!

    Responder
  4. Eu queria colocar o nome dos Autores no blog mas nao sei onde eu coloco.

    Responder
  5. Rafael Rodrigues

    Acho que entendi o que você quis dizer, aqui no blog também não está funcionando essa opção, vou postar sobre isso em breve.

    Responder
  6. Rafael Rodrigues

    Eu não sei bem ao certo se você quer um gadget com o nome e perfil para a lateral do BlogSpot ou colocar o nome do autor do post abaixo do mesmo, de qualquer forma acho que um desses links pode responder

    Responder
  7. Esse post me ajudou muito! Obrigada!

    Responder
  8. Boa madrugada(rs)
    Gostaria de saber como faço para responder os comentários e eles aparecerem , como os seus por exemplo?
    Obg.

    Responder
  9. Kátia Fernandes

    Além do código que vai no HTML que alguns modelos precisam, eu adicionei um estilo no Css, pode ser vários, na data desse comentário eu estou usando o seguinte:

    .blog-author-comment{border-left:#ddd 1px solid;border-right:#ddd 1px solid;padding-left:6px;}

    Talvez um dia eu mude isso, aí, a aparência desse comentário também irá mudar, mas esse trecho acima cria uma borda cinza só do lado esquerdo e direito e deixa um espaçamento de aproximadamente 6 pixel entre essa borda esquerda e o texto

    Responder
  10. cara teve um problema, os comentários antigos naum mudaram ...
    www.mestredorocknroll.blogspot.com

    Responder
  11. Gregory Anacleto

    Você não está confundindo o seu comentário com os comentários de outros visitantes do seu blog?

    Responder
  12. fiz tudo que vc disse, mas não mudou nada os codigos são diferenres daquilo que vc colocou ai. pergunta:meu blog é a versão atual, esses modelos são aplicaveis a ele, ou apenas para a versão blogger mais antiga?

    Responder
    ...Respostas
    1. Desculpe, para blogs que estão atualizados essa função não funciona mais, isso aconteceu a poucos dias quando o blogger lançou a opção de responder comentários.

  13. Oiii, deu super certo no meu blog, amei a dica, parabéns... vou voltar sempre aqui, beijos

    Responder
  14. Este comentário foi removido pelo autor.

    Responder
  15. Este comentário foi removido pelo autor.

    Responder
    ...Respostas
    1. Anônimo21/7/12

      isso destaca só as respostas

→Dê sua opinião. Faça comentário relacionado ao post.
Comentário com e-mail será excluído
Antes de perguntar leia o texto até comentários e pesquise, a resposta virá no comentário, para ser avisado use uma conta e o link: Subscribe by email(abaixo)
Será excluído comentário não relacionado ou com Url de blog/site(Divulgar? Clique)

Comentário reflete a opinião do comentarista. Desde já, Obrigado!