10/11/2012

Tutorial: 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.


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

<data:commentPostedByMsg/>

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

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

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

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

Abaixo dele você coloca isso:

</b:if>

Use o atalho novamente e procure por:

]]></b:skin>

E acima dele você colocara o codigo abaixo:

.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

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram