12 de jul de 2008

Modificando o aspecto dos comentários em seu Blogger

Para modificar os comentários em seu blog colocando cores diferentes e um ícone (opcional) como no modelo do meu blog, veja AQUI como
ficará vá até o HTML do seu blog e procure pelo código abaixo.


Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.




/* Comments
----------------------------------------------- */
#comments h4 {
padding-left: 5px;
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}
#comments-block {
padding-left: 5px;
margin:1em 0 1.5em;
line-height:1.3em;
}
#comments-block .comment-author {
padding-left: 5px;
margin:.5em 0;
}
#comments-block .comment-body {
padding-left: 5px;
margin:.25em 0 0;
}
#comments-block .comment-footer {
padding-left: 5px;
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
padding-left: 5px;
margin:0 0 .75em;
}
.deleted-comment {
padding-left: 5px;
font-style:italic;
color:gray;
}
.feed-links {
padding-left: 5px;
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
padding: 5px;
float: left;
}
#blog-pager-older-link {
padding: 5px;
float: right;
}
#blog-pager {
text-align: center;
}



Agora substitua por este, fazendo as modificações de cores onde está em vermelho. Troque também o endereço pelo endereço da imagem que quiser.



/* Comments
----------------------------------------------- */
#comments {
margin:0;
}
#comments h4 {
margin:0 0 10px;
border-top:2px solid #cc0000;
padding-top:.5em;
line-height: 1.4em;
font: bold 110% Georgia,Serif;
color:#cc0000;
}
#comments-block {
line-height:1.6em;
}
.comment-author {
background:#DF7F00; /*comment header background color (comment author name)*/ url("http://www.blogblog.com/dots/icon_comment.gif") no-repeat 2px .35em;
margin:.5em 0 0;
padding:0 0 0 20px; font-weight:bold;
}
.comment-body {
background: #ffffff url(AQUI O ENDEREÇO DE UMA IMAGEM) left top no-repeat;
/*Reader comment background color*/
margin:0;
padding:37px 7px 7px 7px; /*Modified padding values*/
}
.comment-body p {
margin:0 0 .5em;
}
.comment-body-author
{
background:#cccccc; /*The author comments background color.*/
margin:0;
padding:7px 7px 7px 10px; /*Modified padding values*/
}
.comment-body-author p {
font-size:105%;
margin:0 0 .2em 0;
color:#6728B2; /*The author comments text color.*/
text-decoration:bold;
}
.comment-footer {
background:#343F4A;
/*Comment footer background color (comment permalink)*/ margin:0 0 .5em;
padding:0 0 .75em 20px; color:#996;
}
.comment-footer a:link {
color:#996; }
.deleted-comment {
font-style:italic; color:gray;
}





Créditos: Blogger Hacker

4 comentários:

  1. Obrigada pela dica. Consegui fazer a alteração!

    ResponderExcluir
  2. Oi Elke!!!
    Parabéns pelo Flhão...é lindooooooo!!!
    Linda,fiz alteração do comentário no meu Blog , mas não aparece nada, isso quer dizer que não deu certo rsrsrs. Gostaria muito de colocar igual esse seu, mas como fazer? Poderia me ajudar?
    O meu blog é o Layout:Template Muito Cute. Obrigada e que DEUS TE ABENÇÕE, juntamente com sua Família...Bjus Aninha.

    ResponderExcluir
  3. Oi Eike, tudo bem??
    Selecionei um template de sua autoria,FICOU LINDO!!! PARABÉNS PRÁ VOCE!!!
    mas, estou com algumas dificuldades e vim te pedir ajuda:
    1- para colocar os comentários no final dos posts: segui os passos indicados mas não deu certo.
    2- Não estou conseguindo visualizar todos os recados do meu mural, pois a barra de rolagem está escondida... o que faço??
    oBRIGADA POR TUDO!!!!!!! BJOS
    Célia (Blog deficiencia visual e Educação)

    ResponderExcluir
  4. Oi Célia, tudo bem ? De fato, este template está com problema nos comentários. Vou refaze-lo e deixo para vc um recado assim que estiver refeito. Beijos

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube