![]() |
Como alterar a cor do Template do Blog para branco |
Quer transformar o visual do seu blog com um toque minimalista? Alterar o fundo do seu template para branco é uma maneira simples de dar leveza e profissionalismo ao layout. Veja como fazer isso passo a passo usando CSS no Blogger.
1. Faça backup do seu template
Antes de qualquer alteração, vá em Layout > Editar HTML e clique em "Baixar modelo completo" para manter uma cópia de segurança do seu template atual.
2. Código da cor branca no CSS
No CSS, o branco é representado pelo código hexadecimal #ffffff
. Você vai substituir o valor de cor atual por este código. Exemplo:
background: #ffffff;
3. Áreas principais para aplicar o fundo branco
Copie e cole os trechos abaixo no seu HTML para aplicar a cor branca nas principais áreas do blog:
Fundo geral do blog
body {
background: #ffffff;
}
Área principal (conteúdo + barra lateral)
#outer-wrapper {
background: #ffffff;
}
Cabeçalho
#header {
background: #ffffff;
}
Posts
#main-wrapper {
background: #ffffff;
}
Barra lateral
#sidebar-wrapper {
background: #ffffff;
}
Rodapé
#footer {
background: #ffffff;
}
4. Como fica na prática
Veja um exemplo visual de como o fundo branco transforma o seu layout:
5. Visualize e salve
Depois de aplicar as alterações, clique em Visualizar para ver como ficou. Se tudo estiver correto, clique em Salvar.
Dica extra
Se o trecho de código já tiver background
, não adicione uma nova linha. Apenas substitua o valor da cor.