quinta-feira, 21 de abril de 2011

Destacando área de comentário do autor

Uma dica bem legal, é destacar a área de comentário do autor, ou seja, sempre que você comentar no seu próprio blog, a sua área de comentário será diferenciado das outras. O mais legal é que os usuários saberão quem é o autor, e fazer perguntas diretamente pra você.

Nós adotamos esse método aqui no cblogger, e funcionou muito bem, procurei adoidado pelo código, até que consegui, e como sempre, compartilharei no cblogger.

Destacando área de comentário do autor do blog

Vamos lá!

Vá no ‘EDITAR HTML’ do seu blog, marque a opção ‘Expandir modelos de widgets’ e procure pelo trecho de código abaixo e acrescente os trechos de códigos destacados em vermelho.

<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/>s
<data:comment.author/>
</b:if>
<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’>
<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>

Agora procure por  ]]></b:skin> , e acima dessa linha cole o seguinte código.

.blog-author-comment {
margin:.25em 0 0;
}
.blog-author-comment p {
margin:0 0 .75em;
padding:5px 10px;
border:1px dotted #c0c0c0;
background:#f5f5f5;
}

Modifique as seguintes partes:

Em verde é a cor da borda.
Em Azul é a cor do fundo.

Obs. Cores em hexadecimais (Veja aqui a lista de cores em hexadecimais)

Depois salve, e os seus comentários já estarão diferenciados dos demais.

Fonte - Castroinfonet

Marcadores: , , ,

6 Comentários:

Às 5 de dezembro de 2011 13:31 , Blogger [̲̅B̲̅я̲̅υ̲̅и̲̅σ̲̅ ̲̅L̲̅є̲̅σ̲̅и̲̅α̲̅я̲̅d̲̅σ̲̅] disse...

Onde posso ajustar o tamanho, o problema é que o fundo fica saindo para fora da caixa dos comentários.

 
Às 5 de dezembro de 2011 14:20 , Blogger Códigos Blogger disse...

Aplique o atributo:

width: 500px;

Abaixo de:

.blog-author-comment {

Depois configure o valor 500 pelo tamanho que se adapta em seu blog.

 
Às 2 de janeiro de 2012 18:37 , Blogger Tais ♥ disse...

Deu errado que tristeza!!!!!!!!
Ja tentei todos os tutoriais sobre isso ao pé da letra e quando nao da efeito nenhum,diz que não foi possível analisar o modelo...
Me ajudaaa....

 
Às 13 de janeiro de 2012 23:35 , Blogger Bruno Leonardo disse...

Valeu deu certo!

 
Às 15 de janeiro de 2012 15:00 , Blogger Izaque disse...

Eu tentei usar em um dos meus blogs e apareceu que o modelo não pode ser analizado mas no outro funciona entra no que não funciona e ve se é algum problema do modelo por favor eu preciso http://helogames.blogspot.com/

 
Às 1 de julho de 2012 12:37 , Blogger jeferson santos disse...

não ta aparecendo no meu o q eu faço?

 

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial