Css modificando Corpo, fonte, cores das suas postagens

Você está pensando em fazer algumas mudanças a mais no seu blog na parte do layout(Formatos do blog) para melhorar a primeira vista de seus visitantes ou até mesmo aprender mexer nesse assunto tão falado por blogueiros experientes, então não fique de fora faça suas mudanças também.

O layout é muito importante para um blog, e quanto melhor ele for, melhor será o seu blog. Ter um bom layout é um dos passos para ter um bom blog. Editar o layout do blog pode ser um pesadelo para alguns, pois desconhecem de CSS, e, qualquer coisa que fizerem de errado, pode afetar em todo o blog. Por isso, é necessário ter orientações corretas e confiáveis para que se possa editar o seu layout. Por isso, recomendo que você faça um backup de seu layout para que qualquer erro que você cometa possa ser reparado futuramente.

Após ter guardado em uma pasta o backup do template de seu blog, qualquer mudança pode ser feita sem perigo. Mesmo assim, cuide para não cometer erros, pois, a cada erro cometido, você só terá mais trabalho.

Encontrando o código do corpo dos posts em seu código-fonte.

Primeiramente, devemos acessar o código-fonte de seu blog. Para isso, você deve acessar o painel do Blogger e ir em Modelo -> Editar HTML.

Você verá todo o código-fonte que constitui o seu blog. Pressione CTRL + F e procure pela seguinte tag:

.post {

Esta é a tag que define o estilo dos posts de seu blog, e, dentro dela e depois dela, podem ser encontrado códigos CSS que constituem todo o estilo da região do post.


Mudando a cor de fundo dos posts

Se deseja mudar a cor de fundo apenas da região onde fica localizado o post, você deve encontrar a tag que citei acima. Verifique se dentro dela há um comando assim:

background:#cor;

Ou se há apenas o background. Caso haja este elemento dentro da tag, você deverá substituir o código (no caso, haverá um código ao invés de #cor), você deverá entrar nesta paleta de cores CSS e encontrar a cor que deseja adicionar: Paleta de Cores.

Caso nesta tag ainda não haja o "background", você deverá adicionar o código nesta tag. Veja como fica o exemplo feito em um blog de testes:

.post {
line-height:1.6em;
text-align:left;
margin:0;
padding:0;
background:#ccc;
}

Como você pode ver, adicionei o background na tag, e a cor foi alterada perfeitamente. Feito isto, salve o seu template e confira os resultados.

Mudando cores e fontes das letras dos posts

Se você mudou o fundo do seu blog, é normal que as letras tenham ficado estranhas com o novo fundo. Para isso, é preciso mudar a cor das letras. Se você quiser, pode também mudar as fontes das letras de seus artigos.

Alterando a cor
No seu template, procure por algo como:

.post h3 {

Esta tag define o estilo das letras de seu texto. Geralmente fica abaixo da tag "post". Nela, haverá um comando semelhante a este:

color:#cor;

Substitua #cor pelo código da cor que você deseja colocar em suas letras. Adquira o código de uma cor com a ajuda desta paleta de cores. Salve e veja o resultado final.

Alterando a fonte
Para alterar a fonte das letras dos artigos de seu blog, é necessário procurar a mesma tag que citei acima: .post h3 {. Procure dentro dela o seguinte comando:

font:FONTE;

Substitua FONTE pelo nome da fonte que deseja. Lembrando que, é preciso colocar o nome de uma das fontes disponibilizadas pelo Blogger. Para adicionar mais fontes em seus artigos, pode seguir o seguinte o tutorial:

   - Adicionando novas fontes ao Blogger

Se você queria mudar algo no estilo dos posts de seu blog, este tutorial é ideal para você. Lembrando, que há templates que não possuem o mesmo código que citei acima, e por isso, é diferente o modo de alterar. Se tiver dúvidas sobre este artigo, sinta-se a vontade para deixar um comentário, que responderemos.

Gostou? Compartilhe:

Tweet