terça-feira, 1 de junho de 2010

Pesonalizando area do comentário - blogger

http://www.origo.ethz.ch/system/files/images/comment.jpg
A pedido de um de nossos leitores , irei ensinar como personalizar a área das mensagens do blogger, ou seja, o backgronud da área dos comentários.É bem simples fazer esta modificação.

Faça o login no blogger, vá em Layout - Editar HTML

Dê um Ctrl + f e procure por #comments-block .comment-body { 
Apague qualquer código entre { }



E cole estes códigos entre { }

background:url("http://www.fordesigner.com/pic/zip/2009781675274977801.jpg") no-repeat scroll left top transparent;
color:#FFFFFF;
margin:0;
padding:14px 83px 5px;
text-shadow:1px 0 3px #000000;
font-size: 12px;

Deve ficar assim

#comments-block .comment-body {
background:url("http://www.fordesigner.com/pic/zip/2009781675274977801.jpg") no-repeat scroll left top transparent;
color:#FFFFFF;
margin:0;
padding:14px 83px 5px;
text-shadow:1px 0 3px #000000;
font-size: 12px;

Bom, esse foi personalizado por nós,se querer deixar esse Salve e pronto!
Mas caso você mesmo queira personalizar, faça as modificações nas seguintes partes destacadas.

Vermelho - Fundo da área do comentário, substitua por outra à sua escolha.Ou exclua essa parte,dexando apenas uma cor sólida como fundo, dai pra trocar a cor , substitua a parte transparent por uma cor em HTML (exemplos. #ffffff, #000000, #DCDCDC) Clique aqui e veja a tabela de cores html
Azul - Cor da fonte, substitua por outro ao seu gosto  (Clique aqui e veja a tabela de cores html)
Rosa - Espaçamento à direito, quanto maior, mais o texto do comentário ficará pro lado direito.
Roxo - Tamanho da fonte

Caso você tenha um bom conhecimento CSS , você pode acrescentar mais códigos, mas lembre-se, coloque entre os { }.

Depois ter modificado, Salve!

Espero que tenham gostado! Até mais!

Marcadores: ,

0 Comentários:

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial