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.
Onde 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 aqui
Có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>
  

• Aumentar o título da postagem
• Mudar cor e fundo do título dos gadgets
• Excluir comentário no post do BlogSpot
• Colocar e mudar estilo da data da postagem do Blogger
• Adicionar formulário de comentários no BlogSpot
• Configurar para mostrar comentários no blogspot
• Permitir que outros autores postem no blog com blogger