Como alterar a cor do Template do Blog para branco
Como alterar a cor do Template do Blog para branco


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:

Blog fundo branco


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.

Gostou do tutorial? Compartilhe com outros blogueiros e siga nossas redes sociais para mais dicas práticas como essa.

Post a Comment