10/11/2012

Destacando os comentários do autor do blog


E chato responder os comentarios e ser sempre parecido com os do leitores correto?
Muitas vezes leitores ate se confundem entao para mudar isso já sabe onde clicar.


1. Vá em seu HTML e marque a caixinha Expandir modelos de widgets, usando o atalho procure por:

Códigos
<data:commentPostedByMsg/>

2. Abaixo dessa parte você vai encontrar a tag </dt>. Embaixo de </dt> cole o código abaixo:

Códigos
<b:if cond='data:comment.author == data:post.author'>
<dd class='blog-author-comment'>
<p><data:comment.body/></p>
</dd>
<b:else/>

3. Um pouco depois de </dt> você vai encontrar isso:

Códigos
<p><data:comment.body/></p>
</b:if>
</dd>

Abaixo dele você coloca isso:

Códigos
</b:if>

4. Use o atalho novamente e procure por:

Códigos
]]></b:skin>

E acima dele você colocara o codigo abaixo:

Códigos
.blog-author-comment {
margin:.25em 0 0;
}
.blog-author-comment p {
margin:0 0 .75em;
padding:5px 10px;
border-bottom: 2px solid #FFFFFF; /* Borda */
background:#F4F5F5; /* Background */
-webkit-border-radius: 15px; /* Bordas arredondadas */
-moz-border-radius: 15px;
border-radius: 15px;
color: #DCDCDd; /* Cor do texto */

Agora salve! E veja se deu certo ^^
Não esqueçam de comentar viu?

Nenhum comentário:

Postar um comentário

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345