sábado, 9 de julho de 2016

Tutorial Simples - Saiba Como Mudar Cor Do Seu Templa ( Ler Mas Aqui )

O Post de hoje é especial, vou ensinar como mudar a cor do background ( fundo) do blog! muita gente tem blog e quer deixar ele com aparência agradável e com uma cor que atrai atenção dos leitores certo? Na minha opinião a cor influência muito, ninguém gosta de entrar num blog todo bagunçado com cores nada ver... mesmo que você tenha um bom conteúdo, posts legais no dia- dia só isso não vai te ajudar a manter seus leitores. O que também conta em um blog é a criatividade, caso você tenha dificuldade para mexer em HTML pede ajuda de um profissional ou de alguém que entenda sobre códigos html, você não precisa ser design, existem milhões de tutoriais na internet, basta ter paciência ou mesmo tempo para aprender.
Agora chega de blá, blá, blá.. e vamos ao que interessa! :)





01 - TABELA DE CORES
Para começar a modificar as cores do seu template, você vai precisar saber o código correspondente a cor que você deseja usar. Por tanto, é só clicar no link abaixo para chegar a uma tabela de cores.
Tabela de cores Aqui!

02 - O CÓDIGO
Para mudar as cores de fundo de todas as áreas do template, você vai precisar de um único código. veja o código abaixo.
background: #000000;
 O código acima se refere a cor preta. Basta olhar a tabela para escolher as cores que quiser. 
Exemplo: você quer a cor branca em alguma parte, basta usar o código referente ao branco (#ffffff). Ficaria assim:
background: #ffffff;
Dica: Se o seu template já tem o "background" na área que você quer alterar (e que estão explicadas abaixo), basta mudar o código da cor.

03 - ALTERAÇÕES
Vá até a área de edição de html do blog (Layout -> Editar HTML).
Clique em "Baixar modelo completo" e salve uma cópia do seu template. ( é importante salvar, você pode perder tudo se fizer algo errado )
 Vamos as alterações.
1) Cor de fundo de toda a "tela" Se o seu desejo é mudar a cor de fundo da página, procure pelo trecho abaixo e adicione o background ou mude o código da cor:
body {
Vai ficar desse jeito:
body {
background: #000000;
...restante do código...
}
b) Cor de fundo da página Procure pelo trecho abaixo e adicione o background ou mude o código da cor:
#outer-wrapper {
Vai ficar desse jeito
#outer-wrapper {
background: #000000;
...restante do código...
}
c) Cor de fundo do cabeçalho do blog Para modificar o cabeçalho ou header do blog, procure pelo trecho abaixo e adicione o background ou mude o código da cor:
#header {
Vai ficar desse jeito:
#header {
background: #000000;
...restante do código...
}
d) Cor de fundo da barra lateral
Para modificar a cor de fundo da barra lateral ou sidebar do blog, procure pelo trecho abaixo e adicione o background ou mude o código da cor:
#sidebar-wrapper {
Vai ficar desse jeito:
#sidebar-wrapper {
background: #000000;
...restante do código...
}
e) Cor de fundo do post ou artigo
Para modificar a cor de fundo do post, procure pelo trecho abaixo e adicione o background ou mude o código da cor:
#main-wrapper {
Vai ficar desse jeito:
#main-wrapper {
background: #000000;
...restante do código...
}
f) Cor de fundo do rodapé do blog Para modificar a cor de fundo do rodapé ou footer do blog, procure pelo trecho abaixo e adicione o background ou mude o código da cor:
#footer {
Vai ficar desse jeito:
#footer {
background: #000000;
...restante do código...
}
Depois de adicionar todas as cores é só clicar em VISUALIZAR , se estiver tudo ok! dai você salva e pronto! seu blog ficará lindooooo!
Espero que goste! beijos e beijos 

Copyright © 2016 Calemba2-Muzik | Download Mp3 Todos direitos reservados-Angola
Administrador: Stelvio Canhanga Telefone: +244 944 468 268