Gostou do blog ? então curta nossa página no Facebook:

Colocando uma imagem no cabeçalho dos comentários

Você sabe que a área de comentários e seu melhor meio de comunicação entre blogueiros então que tal personalizar, colocando uma imagem no cabeçalho dos comentários então eu fiz este tutorial.



Para colocar siga as instrunções a seguir


clique em "design" (antigo "layout") depois em "Editar html" e marque a caixinha "Expandir modelos de widgets"
E procure pelo seguinte código:

<div class='comments' id='comments'><a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4><b:if cond='data:post.numComments == 1'> 1 Comentário:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>;
<dl id='comments-block'>

Acrescente a linha em vermelho com o endereço da sua imagem onde está indicado abaixo:

<div class='comments' id='comments'><a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<img src='URL da sua Imagem'/>
<b:if cond='data:post.numComments == 1'> 1 Comentário:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:t;
</b:if>
</h4>
<dl id='comments-block'>

Antes salvar coloque também a expressão 2 COMENTÁRIOS veja o exemplo da imagem abaixo:


Bom para colocar basta copiar o código abaixo e cola a cima da tag ]]></b:skin> :

#comments h4{
font-weight:bold; /*Fonte em negrito*/
font-size:125%; /*Tamanho da Fonte*/
line-height:1.4em; /*Altura da Linha*/
text-transform:uppercase; /*Texto todo em caixa alta*/
letter-spacing:.2em; /*Espaço entre as letras*/
color:#2B8FB7; /*Cor da Fonte*/
margin:1em 0;
}

Bom e só isso !


1 comentários:

Thiago Questão disse...

Isso incentiva o leitor a comentar também, já que a caixa de comentários fica mais visível e atraente.
Gostei do post, simples e objetivo.

© 2010 | Rei do Bloguinho |Todos os direitos reservados
topo ↑