Paleta de cores e seus códigos

Siga o Ferramentas Blog: Canal no Youtube | Facebook | Twitter | Google+

paleta_de_cores_blogger Uma dificuldade que tinha na hora de programar os códigos do meu blog no código-fonte, era com as cores. No HTML usa-se uma formato de códigos específico que determina qual a cor está sendo usada. Isso dificulta um pouco quando se tem que fazer a mudança manualmente em alguns tipos de modelos de templates. Assim, achei por bem colocar essa dica que vale para todos os níveis de blogueiros, dos iniciantes aos avançados.

Já ensinamos aqui como trocar cores e fontes de partes de seu modelo de layout (template) pelo painel do Blogger:

  • Mudar cores e fontes do Layout do blog

Essa é a forma mais fácil e objetiva que tem para fazer mudanças básicas em seu blog, mas nem todas as partes são modificáveis pelo painel e é preciso entrar no código-fonte do seu blog para trocar algumas coisas. Se esse é o caso, vai aqui a dica de como trocar as cores manualmente e quais são os códigos para a maioria das cores possíveis.

Entendendo o código das cores

Encontrei a seguinte explicação no site Referenciando e cito tal qual abaixo:

Na linguagem HTML e XHTML no padrão transicional ou frameset é possível utilizar diversos atributos para especificar cores. Estas cores podem ser representadas nos seguintes formatos:

#RRGGBB

Onde:

RR = proporção da cor vermelha em um número hexadecimal variando de 00 a FF
GG = proporção da cor verde em um número hexadecimal variando de 00 a FF
BB = proporção da cor azul em número hexadecimal variando de 00 a FF

Para saber qual o código para cada tipo de cor, pesquise nesse endereço:

Onde você pode simplesmente selecionar a cor desejada em uma paleta e copiar o código que é gerado ou até mesmo misturar as cores para formar novas.

colorido-blogger

Como mudar isso no código-fonte

Essa é a parte um pouco mais avançada. É preciso saber onde encontrar a parte que deseja modificar dentro do código HTML do seu blog. Para tal, abra o painel do Blogger, clique em “Layout” ~> “Editar HTML” e identifique as linhas que têm códigos de cores. Tenha cuidado ao mudar as cores e faça sempre um backup de seu modelo de template para poder recuperar qualquer modificação desastrada ou caso se arrependa de algo.

Para fazer mudanças nas cores e imagens do background do seu blog, no plano de fundo, veja o nosso tutorial:

  • Trocar Imagem de fundo do Blog – background

Onde você poderá identificar o código que faz as definições do fundo do seu layout e entender como funciona e como configurar a seu gosto.

E, para cuidar mais ainda da imagem de seu blog, leia nossos artigos:

Nunca é demais se preocupar com a cara de seu blog.

4 Comentários

  1. Gostei não, amei!
    Tô "apanhando" aqui pra criar um blog e você etem me ajudado muito!
    Linguagem direta e fácil, sem frescuras! Sério, gostei mesmo!
    Valeu!

    Responder

  2. Pingback: Customizar, modificar e criar Templates para Blogger | [ Ferramentas Blog ]

  3. Pingback: Paleta de cores com os códigos RGB - Guia da Tecnologia

Deixe um comentário

Ao comentar você concorda com nossa Política de Comentários.