Como editar letras e cores no template do Blogger

Como editar letras e cores no template do Blogger

6 10 99
Como editar letras e cores no template do Blogger 10 6 99

Vamos para um post beeem básico, mas que tem sido motivo de procura pelos usuários novatos do Blogger. Como trocar as letras (fontes) e as cores do template?

Bem, isso vai depender muito do template. Hoje em dia, a maioria deles já vem com a opção de fazer tal alteração pelo próprio painel do Blogger, enquanto outros só permitem que a mudança seja feita via html – o que não é o ideal para os novatos.

Se você não tem intimidade com html, opte por templates que sejam fáceis de usar e que já venham com diversos hacks (funções) instalados, como os do Dicas Blogger :P

Mudando as cores e fontes pelo painel do Blogger

Faça login em sua conta do Blogger e, no painel de controle, clique em layout:

painel Blogger

Agora, clique em fontes e cores que fica ao lado de elementos de página:

Blogger Fontes e Cores

Este é o painel onde iremos escolher as cores do nosso template. Note que à medida que vamos trocando de cor, podemos ir visualizando a alteração logo abaixo, no próprio template.

Caso uma cor não tenha ficado legal, clique em limpar edições para que tudo volte ao que era antes. Mas se você está satisfeito com o resultado, clique em salvar alterações.

Para mudar as fontes, role a barra das cores para baixo, até encontrar as fontes.

Trocando as fontes

Temos 6 opções de fontes em itálico, negrito ou normal e podemos aumentá-las ou diminuí-las. Assim como acontece com as cores, à medida que vamos alterando as fontes, podemos visualizar a mudança em um rascunho do template, que fica logo embaixo do painel. Faça os testes necessário e só salve quando tiver certeza que gostou do resultado.

Mudando as cores e fontes pelo HTML do Blogger

Agora vamos aprender a mudar as fontes e as cores através do código html do template. Vou usar como exemplo um modelo onde tudo vem configurado via html. Notem que no painel fica tudo em branco, o que assusta muita gente.

Edição via html

Bem, agora vamos clicar em editar HTML e, utilizando os comandos do teclado (Crtl+F), iremos procurar pelas cores e fontes dentro do código html.

Procurando as cores

Procurando as fontes

Mas como vou saber o número da cor que eu quero colocar? Simples! Você pode usar o Photoshop ou mesmo o painel de cores do Blogger a partir de um outro template. Na web, também encontramos diversas  tabelas de cores. No exemplo abaixo, eu abri a tabela do Blogger em uma outra janela e fui escolhendo as cores e copiando os respectivos números.

Usando a tabela do Blogger

A cada cor que você trocar, clique em visualizar para ver como ficou no rascunho e se não estiver bom, clique em limpar edições. Quando estiver tudo ok, clique em salvar modelo.

salvando o modelo

Mexer em html é chato? Com certeza! Por isso abandonei a vida de blogdesigner (ou não):P

23 Comments
Comments
  1. Tutorial impecável, como sempre ;-)
    Pena que você abandonou a vida de blogdesigner, você é tão boa em fazer temas para Blogger...

    Abraços,
    @blogdoloko

    ResponderExcluir
  2. Juliana, eu desconhecia este template só via HTML, pois nunca tinha utilizado um assim. Embora você tenha dito um post "beeeem básico", foi novo pra mim.

    Eu não acho chato mexer em HTML, mas desafiador. Ainda quero domar este "trequinho" e ir mais além...rsss

    Não desista da empreitada dos templates, pois foi um deles que deu a cara do meu blog!

    Beijo.
    Marcelo.

    ResponderExcluir
  3. Quando vc fala fica tão fácil.Muito legal.

    ResponderExcluir
  4. Excelente esta dica :)
    Já passei por vários perrengues tentando mudar, e na internet não há informação

    Parabéns
    [In]Commun

    ResponderExcluir
  5. muito boa postagem juliana acho que vou fazer uma com o mesmo tema pro meu blog valeu

    abraços

    ResponderExcluir
  6. Juliana muito bom o Post!
    Curto muito usar seus templates, principalmente pra indicar a iniciantes...
    Eles são simples, leves e faceis de usar. Já usei alguns templates, que até mudar as cores das bordas era muito complicado, por isso que seus templates se sobresaem....
    Até mais!

    ResponderExcluir
  7. Simplesmente um luxo.

    Apesar de conhecer esse caminho todo aí, inclusive o do html, foi muito bom ter relembrado os detalhes que as vezes passam sem ser notados.

    Vale a visita, vale o banner.

    ResponderExcluir
  8. O meu não tem aquela opção, então tem que ser direto no HTML, sorte a minha de ter alguns conhecimentos básicos, ótima dica para quem está começando agora

    ResponderExcluir
  9. Estou no seu site procurando algumas ferramentas, pois estou fuçando os códigos dos meus blogs pra ajeitar diferente hihihihihi, aprendendo fuçando. To procurando aqui (e não estou achando) explicação de como colocar bordas, pra minha caixinha não ficar flutuando. Vcs podem me ajudar?

    O site e fantástico, parabéns

    Abs, Rose

    ResponderExcluir
  10. juliana estou fazendo um blog e você é muito boa nisso parabens, teria como me dar um força pois quero construir um blog para postar filme deixarei meu msn, poder adiciona na paginas de amigos ficaria grato, um abraço esta de parabens a menagem

    ResponderExcluir
  11. Realmente, são por posts como este que fazem deste blog o meu favorito quando tenho duvidas pra tirar sobre o meu blog!

    Fico feliz em dizer que é daqui q praticamente saiu todo o meu conhecimento pra BLOG ( que é necessário que eu preciso )

    Hoje ja tenho um blog com mais de 15 mil visitas em 6 meses, não é nada comparado com o da maioria, mas para um blog de um grupo de teatro, com certeza é muito!

    Obrigado Juliana, eu continuo admirando o teu trabalho e vou seguir acompanhando as novidades deste blog.

    ResponderExcluir
  12. Juliana,

    são muito novata nesse assunto de blog.

    Só para vc ter noção, não sei nem colocar espaço entre os textos (enter).

    Como faço isso na descrição do meu blog???

    ResponderExcluir
  13. Juliana,adoro seu blog,recebo suas atualizações via e-mail e sou sua fã!
    Você é um modelo para mim,você está de parabéns!

    Estou também comentando para dizer que o blog abaixo plagiou o seu post :(

    http://www.dicasbr.co.cc/2009/06/como-editar-letras-e-cores-no-template.html

    ResponderExcluir
  14. Só que NÃO EXISTE essa opção de mudar o background do blog nas Fontes e Cores...

    ResponderExcluir
  15. Olá,estou com uma dificuldade..postei duas postagens (links) nas páginas do blog...só que na as letras estão apagadas..como faço para mudar as cores destes links (palavras)?

    ResponderExcluir
  16. também quero saber como faço pra mudar a cor do texto dos comentário que recebo, não tem mais esse opção "layout" no blogger. e agora o que faço?

    ResponderExcluir
  17. KARA valeu, vc me ajudou muito
    GRATO.

    ResponderExcluir
  18. me ajudou mt queria sabe tb como faz pra mudar a cor do fundo ?

    ResponderExcluir

ATENÇÃO: Caso esteja com dificuldades com seu blog, abra um tópico no Fórum de Ajuda do Blogger que nós iremos te ajudar a resolver.


Os comentários passam por um sistema de moderação. Não serão aprovados os comentários:
- não relacionados ao tema do post;
- com pedidos de parceria;
- com propagandas (spam);
- com link para divulgar seu blog;
- com palavrões ou ofensas a pessoas e marcas;

 
Dicas Blogger© 2007-2015 | Todos os direitos reservados | Design By Duy Templates
Top