Como mudar as cores do Layout(Template) no Blogger

♠ Posted by Unknown in blogger,dicas,templates at 14:21

Já aconteceu comigo e acredito que com você possa estar acontecendo ou ainda vá acontecer que na hora de escolher e instalar um layout(Template) para o seu blog você não goste da cor do fundo(Background) e ai fica se perguntando:

Como é que eu vou mudar essa cor horrível e colocar uma cor que eu realmente eu goste?

Acabou o problema !!!

Vou lhes mostrar como fazer isso agora.

Leia também: O que é HTML e como você pode aprender grátis

Existem duas formas de mudar as cores do do seu layout(Template) e vou lhes mostrar as duas.

A mais fácil e mais usada por todos é ir até a aba "Fontes e cores"(Layout>Fontes e Cores) e resolver logo por ali, mas existem alguns Layouts(Templates) que não é possível resolver desse jeito e ai vamos usar uma outra forma não tão fácil como a primeira ,mas também não tão difícil que você não possa fazer.

A primeira coisa a fazer é escolher qual a cor que você quer usar no seu Layout(Template) e para isso eu já disponibilizei uma tabela com as principais cores para você, basta clicar aqui.

O formato dos códigos e como você irá velo e assim:

background: #990000;(Esse código eu uso aqui no Perfil do Blog) Você poderá escolher o seu usando a tabela.

Vamos alterar as cores então?

Nota importante: Eu aconselho a fazer um Backup do modelo completo para que se houver algum problema você possa voltar ao que era antes e tentar novamente caso for da sua vontade.

Clique em "Baixar modelo completo" e salve a cópia no seu computador.

Vamos lá.

Mudando a cor do fundo todo.

Procure o texto abaixo e adicione "background" ou se já estiver troque só a cor.

body {

Ficará assim:

body {
background: #990000;
...restante do código...
}

Mudando a cor do fundo da página.

Se o corpo do seu layout(Template) for mais estreito do que a tela, você irá procurar pelo texto abaixo e adicionar "background" ou só trocar a cor.

#outer-wrapper {

Ficará assim:

#outer-wrapper {
background: #990000;
...restante do código...
}

Mudando a cor do fundo da barra lateral(Sidebar).

Você irá procurar pelo texto abaixo e adicionar "background" ou só trocar a cor.

#sidebar-wrapper {

Ficará assim:

#sidebar-wrapper {
background: #990000;
...restante do código...
}

Mudando a cor do fundo do cabeçalho.

Você irá procurar pelo texto abaixo e adicionar "background" ou só trocar a cor.

#header {

Ficará assim:

#header {
background: #990000;
...restante do código...
}

Mudando a cor do fundo do rodapé.

Você irá procurar pelo texto abaixo e adicionar "background" ou só trocar a cor.

#footer {

Ficará assim:

#footer {
background: #990000;
...restante do código...
}

Mudando a cor da área de postagem ou artigos.

Você irá procurar pelo texto abaixo e adicionar "background" ou só trocar a cor.

#main-wrapper {

Ficará assim:

#main-wrapper {
background: #990000;
...restante do código...
}

Logo depois que você já tiver feito todas as modificações desejadas, é só clicar em "Visualizar" e se estiver tudo certinho do jeito que você queria, a ai é só clicar em "Salvar Modelo" e pronto.

Como alguns de vocês podem perceber esse template que eu uso(ES one) era todo azul e eu nas minhas pesquisas que faço diariamente para achar recursos que venha me ajudar encontrei essa forma prática e estou compartilhando com vocês.

Se por acaso algo der errado lembre se do modelo que você salvou,instale ele de novo e recomece todo o processo.