Cursos 24 Horas - Cursos 100% Online com Certificado

Destacando os comentários do autor (Blogger/Blogspot)

11 Comentários Autor : Notícia e blog 22 setembro 2009


O Blogger é considerado uma das melhores plataforma de Blog, mais ainda falta algumas funcionalidades que outros sistemas oferecem e uma delas é destacar os comentários do autor. É importante destacar, para o leitor ter uma certeza de que quem respondeu o comentários dele foi o autor e não um usuário e assim poder confiar na dica ou na resposta dada. Veja abaixo como destacar no seu Blog:


1.Faça login no Blogger


2.Vá para Layout->Editar HTML-> marque a caixinha Expandir modelos de Widget
Lembre-se de salvar uma Cópia do modelo (basta clicar em "Baixar o modelo completo" e depois selecionar o local que deseja salvar ).


3.Procure pelo seguinte trecho utilizando as teclas Ctrl e F:
<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/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>

Agora insira o código seguinte abaixo do código acima:
<b:if cond='data:comment.author == data:post.author'>
<dd class='blog-author-comment'>
<p><data:comment.body/></p>
</dd>
<b:else/>

4.Agora procure pelo código abaixo:
<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>

E insira o código seguinte abaixo do código acima:
</b:if>
5.Agora vamos alterar a CSS do Blog, procure pelo código seguinte:
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}

E abaixo dele insira o código seguinte " Se não encontrou coloque antes de ]]></b:skin>  "
.blog-author-comment {
margin:.25em 0 0;
}
.blog-author-comment p {
margin:0 0 .75em;
padding:5px 10px;
border:1px dotted #254117;
background:#C3FDB8;
}

6.Salve as alterações e confira o resultado.

O resultado é esse da imagem abaixo:


Referência: el escaparate de rosa

    11 Comentários

    Marilucia disse...
    6 de dezembro de 2009 01:39 #

    Agora me dei bem aqui rs, conseguir da destaques ao meu comentários, mas tbm fui l´pa no compulsivo ver pq lá o resultado tava diferente, personalizei e coloquei uma cor diferente, se quiser conferir esteja às ordens, eu preciso de um menu em abas rsrsrs. Valeu, eu sempre venho aqui importuna-lo, não? rs

    Notícia e blog disse...
    6 de dezembro de 2009 10:56 #

    @Marilucia, não é um prazer poder ajudar.

    FORGET-ME-NOT, disse...
    4 de janeiro de 2010 03:06 #

    ah, sei lá, acho que não tem a necessidade por enquanto. Sempre respondo os comments no blog da pessoa mesmo.

    Farcrus disse...
    27 de maio de 2010 15:19 #

    valeu kara, de 10 sites, o teu foi o unico que funcionou. Valeu mesmo

    Notícia e blog disse...
    27 de maio de 2010 21:44 #

    @Farcrus, eu que agradeço!

    seila191 disse...
    22 de junho de 2010 23:27 #

    iai cara, eu não consegui não, os itens 3 e 4 eu não consegui achar não, acho que não achei pois já tinha feito um tutorial seu, o que coloca responder ao comentario dos outros, alguma solução?:D, se não, tudo blz, flw

    Neves Editor FF disse...
    26 de agosto de 2010 11:04 #
    Este comentário foi removido pelo autor.
    MI disse...
    27 de outubro de 2010 17:55 #

    Teria como destacar os comentários de vários autores em qualquer post, indiferente de quem tenha postado?

    Nauan disse...
    14 de janeiro de 2011 01:42 #

    Muito simples esse código, eu já iá perguntando um negoço mas eu encontrei na temp, vlw msm, quem não sabe trocar a cor do block do comente só é trocar a cor que você quer nessas parte aqui:

    border: 1px dotted --> #254117;
    background: --> #C3FDB8;
    }

    BETO LIMA disse...
    10 de março de 2011 01:57 #

    ola bom dia gostaria de saber porque nao consigo deixa minha caixa de comentarios visivel?
    procuro pelo codigo para mudar e nao consigo!!
    que devo fazer para resolver isso? betolima02@hotmail.com

    Lidy disse...
    15 de janeiro de 2012 20:00 #

    O template do meu blog é convertido do Wordpress. Eu queria saber de um código que funcione nele, porque já tentei esses que vc forneceu e nenhum deu resultado.

    Obrigada.

    Postar um comentário

    Deixe seu comentário aqui
    Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.