Estava
procurando um modo de persinalizar os comentários e achei algo interessante. Um modo de diferenciar os comentários do autor do blog dos demais, assim fica fácil ver se ele respondeu uma pergunta ou não.
Encontrei isso no Compulsivo e vim já deixar salvo aqui para uso futuro =}
Encontrei isso no Compulsivo e vim já deixar salvo aqui para uso futuro =}
Entre na edição HTML do template, marque Expandir modelos de widgets* e procure pelo trecho de código abaixo e inclua os trechos destacados em vermelho:
OBS: O destaque será aplicado inclusive nos comentários já publicados. Obviamente só naqueles que foram feitos usando uma Google Account, comentários assinados via OpenID não serão destacados.
*P.S.: Baixe o modelo completo do seu template sempre que entrar no modo de edição HTML. Não vai chorar depois que precisar criar tudo do zero novamente
<dl id='comments-block'>Agora, nas definições CSS do template, normalmente entre as Tags <head></head>, procure pelo trecho que determina o estilo de formatação dos comentários e logo após cole as seguintes linhas:
<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/>
<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>
.blog-author-comment {Nos campos destacados em vermelho definem-se as cores da borda e do fundo do destaque respectivamente, adapte conforme o caso.
margin:.25em 0 0;
}
.blog-author-comment p {
margin:0 0 .75em;
padding:5px 10px;
border:1px dotted #c0c0c0;
background:#f5f5f5;
}
OBS: O destaque será aplicado inclusive nos comentários já publicados. Obviamente só naqueles que foram feitos usando uma Google Account, comentários assinados via OpenID não serão destacados.
*P.S.: Baixe o modelo completo do seu template sempre que entrar no modo de edição HTML. Não vai chorar depois que precisar criar tudo do zero novamente
VAMO Q VAMO!!!
0 comentários:
Postar um comentário