Página Cores e Fontes

Algumas vezes quando entramos na pagina fontes e cores do blogspot encontramos algo que não funciona, por exemplo, você muda a cor de fundo naquela pagina, salva, mas não acontece nada no seu blog. A razão disso é que muitas vezes ao fazer alterações no layout modificamos diretamente o html e a partir daí essa pagina de cores não funcionará mais.
Entre na pagina editar html e veja logo no começo do código tem:

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#ffffff">

E muitas outras variáveis parecidas com esta, cada uma delas é responsável por uma cor no seu blog, isso são variáveis que o blog usa para facilitar modificar as cores de varias coisas no blog, então veja mais abaixo:
body {
background:$bgcolor;
margin:0;

Esse :$bgcolor; no lugar da cor de fundo(background) é a variável o que faz funcionar a pagina cores e fontes. Note que no começo do primeiro trecho tem name="bgcolor" o cifrão é apenas um complemento do código. Então se algum dos links para modificar cores não está funcionando o problema deve ser esse, o html foi modificado.

Para corrigir isso é bem simples basta colocar novamente a variável no lugar da cor de fundo como usamos no exemplo acima, apague o código da cor que está lá e coloque: $bgcolor.

Além de corrigir esses erros é possível mudar o texto que aparece na pagina cores e fontes, onde está escrito Page Background Color, você pode colocar Cor de Fundo, é mais fácil de identificar. Ainda é possível criar novas variáveis, copiando o código de uma delas e trocar o name e description, colocando mais uma variável na lista como no exemplo abaixo:

<Variable name="fundotexto" description="Fundo das Postagens"
type="color" default="#fff" value="#ffffff">

E depois na parte do html onde controla a cor da coluna principal modificar assim:

#main-wrapper { background:$fundotexto;
width: 410px;

E já está pronto, quando entrar na pagina cores e fontes verá que apareceu Fundo das postagens junto com as outras coisas que já podia modificar a cor, e agora pode trocar a cor de fundo por essa pagina. Um detalhe final que ainda não comentamos foi a parte fff e ffffff que aparece no código, isso são as cores padrão, elas não tem muita importancia pois você mudará para qualquer outra cor assim que entrar na pagina fontes e cores.

Veja também:
Código das Cores
Enviar suas postagens por e-mail
Trocar imagem quando o mouse está sobre ela
Editar imagens online
Formatar texto do blog

30 comentários :

  1. Fabiano:

    Minha situação não é bem esta sobre as cores, mas algo que você comenta sobre a possibilidade de criar variáveis para fontes neste post.
    A fonte dos Comentaristas (seguidores, visitantes) como que faço aqui, não está seguindo o estilo Verdana que é padrão do blog, e sim Georgia. Você tem algum tutorial que possa me indicar onde posso "ajeitar" o padrão das fontes dos comentários? Consegui ajeitar da caixa Faça Um Comentário, do comentário que respondo mas de quem comenta ainda não.
    Perdoe-me o jornal, e grato pela atenção.

    ResponderExcluir
  2. Olá amigo espero que possa me ajudar mais uma vez,mudei meu template e gostaria de mudar a cor das bordas mais só consigo mudar as mais internas e não sabia mais existem umas bordas mais externas que ficam na cor vermelha,tanto nas colunas com onde vai a postagem (meio),ja percorri todo o codigo html procurando o codigo hexadecimal ffff que o vermelho e alterando e não consigui alterar essas malditas colunas.
    Espero que possa me dar uma dica para blog rsrsrs que possa me ajudar a encotra-la.
    Mais uma vez o meu muito obrigado,pois sempre que preciso de ajuda vcs são sempre rapidos e positivos.

    Abarção Jack.

    www.jack-maconha.blogspot.com
    Se puder dar uma olhada,entederá melhor !!!

    ResponderExcluir
  3. Jack
    o código do vermelho não é ffff , é ff0000

    veja mais sobre bordas aqui
    http://www.dicasparablogs.com.br/2008/08/colocar-ou-alterar-as-bordas.html

    ResponderExcluir
  4. oieee....

    eu queria saber como faço pra trocar o fundo de onde ta escrito "ser noiva e...." e deixar rosa na msm tonalidade do blog e trocar a cor do titulo....

    http://prih-elias.blogspot.com/

    ResponderExcluir
  5. eu coloquei um novo newsidebar-wrapper mas acontece que não consigo trocar a cor e a fonte dos gadge dessa nova coluna como posso fazer isso ?? obrigado

    ResponderExcluir
  6. Thirraste para modificar as cores e fontes da nova coluna tem que colocar os código juntos com a newsidebar{.....

    coloque dentro das chaves color: #000000; isso faz a cor da letra ficar preta e assim por diante

    ResponderExcluir
  7. Olá! Por favor, desde ontem meu blog no Blogspot está desconfigurado! No layout da página, todos os gadgets estão certos, com perfil, contador, figuras, etc, na lateral direita. Mas, ao acessar a página, a última postagem está com fonte grande, as demais com letra pequena e os gadgets embaixo das postagens, sem ordem nenhuma... Por favor, como posso configurar corretamente? Abraços, Cassia

    ResponderExcluir
  8. Anônimo
    talvez você tenha feito a configuração de um texto hora de postar por isso uma postagem aparece diferente, acho que não tem como desconfigurar apenas uma postagem do blog.

    infelizmente dependendo dos erros do html é mais facil trocar de template do que corrigir as falhas.

    veja essa postagem sobre larguras do blog
    http://www.dicasparablogs.com.br/2007/08/largura-do-blog.html

    ResponderExcluir
  9. Olá, Fabiano, obrigada! Foi exatamente isso: a configuração daquela minha postagem estava diferente, eu arrumei e voltou tudo ao normal! Obrigada! Cassia

    ResponderExcluir
  10. Fabiano. a alguns meses não sabia nada de html. tão pouco entendia o significado de tal linguagem . Coneci um blog, (Muro do classic rock). descidi montar um blog... ( Mais como fazer? ) Conheci o seu blog ! e afirmo me ajuda em demasia. Então comecei asistir umas video Aulas no You Tube de Html Aulas de Gustavo Guanabara e aprendi um pouco de html todavia . tenho grande aproveitamento dos seus posts. E Pergunto-lhe : É possivel mudar a cor do blog ? Bom O meu é rosa, e faz juizo ao nome... rsrsrsrs... Poderia me ajudar ? eu quero mudar a cor rosa do blog. Veja -> ( http://capitaorosa.blogspot.com/ ) Aguardo ansioso... Forte Abraço!!!

    ResponderExcluir
  11. se não conseguir mudar a cor de fundo pela pagina cores e fontes precisa ir diretamente no html e procurar por body{...} e colocar dentro das chaves:
    background:#000000;

    mas com a cor que deseja, veja aqui algumas cores
    http://www.dicasparablogs.com.br/2009/02/codigo-das-cores.html

    ResponderExcluir
  12. Fabiano

    Eu estou com o mesmo problema do Arieron Salik, mudei a cor do fundo do meu blog para preto, e as outras cores para cores claras para dar contraste, mas uma cor de fonte eu nao consegui mudar, a dos comentarios das postagens, então como a letra é preta não da pra ver sabe como faço para mudar a cor dessa font?

    Obrigado.

    ResponderExcluir
  13. Felipe, se não conseguir mudar as cores pela pagina cores e fontes, tem que ser diretamente no html.
    a questão é que os links dos comentários são em outra parte do código procure por .post-comment-link a{...

    e outras coisas que tenham comment, isso tudo são as configurações da aparencia do texto dos comentários

    ResponderExcluir
  14. Fabiano,
    Adicionei um template no Blog só que as letras são enormes e quero saber como faço para modificar, se for possível. Inclusive se tem como eu mudar a cor e fonte, pois não aparece mais esta opção depois que adiciono o template... só quando uso um template do próprio blogger.
    Agradeço desde já.
    Pati

    ResponderExcluir
  15. ღPat.ღ

    precisa entrar na pagina editar html e procurar por font-size:... e diminuir os valores

    isso pode ser em varias partes do blog body, main, sidebar..

    ResponderExcluir
  16. Fabiano, eu só queria trocar a cor do plano de fundo das postagens para branco. Como aqui no seu blog, a cor das postages é branca e as laterais de outra cor. Meu blog é todo preto e só o fundo das postagens eu queria deixar branco, mas não consigo. =[
    La em design não da tem que ser no html mesmo, mas eu não sei como faz. Poderia me dizer o código que tem que trocar?

    Aguardo resposta.
    Beijoos
    Camila.

    ResponderExcluir
  17. Por favor, estou aguardando anciosa.
    Voce pode me ajudar? Dar uma dica?

    Beijos
    Camila.

    ResponderExcluir
  18. na pagina editar html você encontra .content-outer{....}

    tem varias coisas dentro das chaves, veja se tem background:....

    se tiver apague e coloque background: #ffffff; isso é o fundo branco, se quiser veja aqui o Código das Cores

    ResponderExcluir
  19. Oi Fabiano!

    Montei um blog recentemente no Blogger,mas não tô conseguindo inserir novas fontes lá. As fontes que eles tem são mto feias! Vc pode me ajudar?? Eu já tentei modificar,mas não dá certo! Só mudou o tamanhho da fonte...

    Obrigada,

    Roberta

    ResponderExcluir
  20. Roberta Accioli


    veja aqui Como Formatar o Texto do Blog
    mas não use fontes que baixou da internet, procure as mais comuns que todos tem, senão quando alguém que não tem a fonte entrar no seu blog o computador dele irá trocar a fonte por outra

    ResponderExcluir
  21. Este comentário foi removido pelo autor.

    ResponderExcluir
  22. Fabiano não marcadores que me referi e sim seguidores. Obrigada mesmom assim. Deus te abençoe!

    ResponderExcluir
  23. ♥ Catinha Breves ♥
    tente fazer as configurações na pagina do google friend - Gadgets do Google Friend Connect

    ResponderExcluir
  24. tem uma curiosidade no meu blog q percebi recentemente, quando clico em algum link o mesmo fica azul,o que não acontecia antes e isso está me incomodando porque o template do meu blog também é azul e isso produz um visual que não me agrada, mesmo se atualizar a página continua o problema. O que será isso?

    ResponderExcluir
  25. Fabiano, sabe quando copiamos um texto de um site e, quando colamos em "Nova Postagem", o fundo do texto fica de outra cor? Então, isso está acontecendo em 2 blogs meus quando copio e colo um texto que eu mesma escrevi. Por exemplo, estou escrevendo uma nova postagem e decidi trocar dois parágrafos de lugar. Quando copio/recorto e colo, e clico em "Visualizar postagem", o parágrafo que copiei fica com o fundo branco. Como faço para isso não acontecer? Porque não acontecia antes (e eu não modifiquei o template). Mandei um e-mail com uma explicação melhor. Obrigada desde já.

    ResponderExcluir
  26. Reyna mas depois que publica fica diferente a cor do texto que copiou e colou para mudar de lugar?

    você escreve o seu post direto no blogger ou usa o word ou algum outro?

    se escrever no word, copie e cole no bloco de notas e depois copie do bloco de notas para o blogger.

    isso porque o word transfere algumas formatações se copiar direto

    ResponderExcluir
  27. Não, eu escrevo direto no blogger e quando copio e colo (no blogger mesmo) fica com o fundo branco. Pra tirar isso é só manualmente mesmo? Pq tem um lugar que clica e remove a formatação, mas aí vão todos os itálicos e negritos junto. Não entendi porque isso está acontecendo com os textos que eu escrevo diretamente no blogger

    ResponderExcluir
  28. as vezes dá erro quando copia e cola em paginas de edição.

    tente escrever o texto inteiro no bloco de notas depois colocar no blogger e formatar

    ResponderExcluir