Mudar Background de uma Postagem


Recebi pelo Facebook um pedido para mostrar como fiz para mudar a cor do plano de fundo de uma postagem que nem essa daqui. É bem simples, e ajuda a decorar, por exemplo, um post/página que queira destacar no Blogger, adicionar efeitos diferentes em cada post...
1. No editor de postagem do blogger, clique em HTML.

2. Nessa área, cole ou substitua o que houver no html por:

<div style="background: #fcf0e4;">
CONTEÚDO DO POST
</div>

Isso vai definir uma cor como background, basta mudar o código ou nome da cor. O resultado seria algo como:



CONTEÚDO DO POST



Caso você clique em Escrever, voltando ao editor normal, já verá o resultado. Se quiser usar uma imagem:

<div style="background: url('LINK-DA-IMAGEM') repeat;">
CONTEÚDO DO POST
</div>

E o resultado seria algo como:



CONTEÚDO DO POST



3. Pode-se aplicar qualquer coisa definindo estilos após o style="e entre as aspas, separando cada item por ponto e vírgula;", exemplo:

<div style="text-align: center; background: pink; font-family: delius; color: white; padding: 20px; border: 3px solid mistyrose;">
CONTEÚDO DO POST
</div>

Aí em cima, o texto está centralizado, a cor do background é rosa e a cor do texto é branco, a fonte é a Delius, e o espaçamento dentro do post da direita, esquerda, topo e rodapé é de 20px e tem uma bordinha rosa. Assim:



CONTEÚDO DO POST



E é isso!






Postar um comentário

2 Comentários

Muito obrigada por seu comentário e por sua presença! Ambos são super importantes para mim.

Apenas peço que:
- Comente a vontade, dê sua opinião, faça críticas, esclareça suas dúvidas e dê suas sugestões sobre o assunto referente às postagens;
- Use um vocabulário livre para todas as idades;
- Não ofenda ninguém em hipótese alguma.

Os comentários são moderados e não são permitidos comentários de pessoas que não se identifiquem. Algumas dúvidas podem ser previamente esclarecidas na F.A.Q, assim como créditos e outras coisas.

Por favor, entrem em contato por meio das redes sociais também para dúvidas, sugestões, pedidos ou outros:
Facebook - Twitter - Deviantart

up