Assine nosso Feed e receba grátis novos artigos em seu E-mail. Assine Aqui

Como mudar as cores do Layout(Template) no Blogger

♠ Posted by Mauricio Lessa in ,, 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.




Por hoje é só, até a próxima...




Programa de Afiliados Cursos 24 Horas

0 comentários:

Postar um comentário

Este blog lhe foi útil ?
Assine o nosso Feed e receba nossas atualizações no seu e mail.