24/11/2013

Como Formatar Texto do Blog: Mudar Cor, Tamanho e Tipo das Letras

Mudar as cores, tamanho e estilo das letras (fontes) que usamos no blog é fácil de fazer e pode ajudar muito a personalizar seu blog por isso vale a pena formatar o texto do seu blog escolhendo os tipos de letras que melhor combinam com seu template e assunto do blog. Mas não exagere e cuidado ao usar fontes diferentes ou personalizadas por que elas podem não aparecer no computador, tablets ou celulares de todos os seus visitantes.

Mudar Cor, Tamanho e Estilos das Letras do Blog


No Blogger para formatar o texto só precisamos entrar na pagina modelo e clicar no botão personalizar. Então clique na opção avançado do menu e depois selecione o que deseja alterar, você verá que ao clicar sobre um item ele será destacado no seu blog com um pontilhado para ficar mais fácil saber o que você está editando naquele momento.

Personalizar Modelo do Blogger

Isto abre uma tela onde podemos escolher os tipos de fontes, cor e tamanho do texto das postagens,cores dos links, personalizar o texto da sidebar, trocar imagens de fundo e muito mais.

Formatar Texto do Blog

Tudo isso apenas clicando nas opções e fazendo as alterações na caixa de formatação que aparece ao lado no topo da pagina e logo abaixo ver as mudanças no blog em tempo real.

Leia também:
Como Colocar Efeito Arco-Íris nos Links do Blog
Formatação Especial nos Textos das Postagens

Formatação de Texto pelo HTML do Blog (Estilos CSS)


Dicas de CSS para Blogger

Caso a pagina de formatação de texto do Blogger não funcione você pode fazer isso diretamente na pagina editar HTML ou mesmo na pagina para adicionar CSS no blog, mas neste caso precisará entender um pouco sobre os estilos CSS por isso veja os links abaixo:
O que é CSS? Para que Serve e Como usar o CSS
Achar Códigos na Pagina Editar HTML do Blogger - Ctrl F
Gerador de Código HTML das Cores

Mesmo que você consiga fazer todas as alterações nos estilos das letras do seu blog sem precisar mexer com os códigos CSS nós recomendamos que aprendesse essa linguagem de programação por dois motivos: é fácil de aprender e pode ser utilizada para muitas coisas no blog, alias os códigos CSS praticamente é o template do seu blog porque além das cores, tipos e tamanho das letras também é possível alterar imagens de fundo, colocar ou retirar bordas, criar menu no blog e muito mais. Aproveite e veja mais sobre:
Colocar ou alterar as bordas
Criar Banner para Blogs: Programas e Sites para Editar Imagens

Usar Fontes (letras) Diferentes ou Personalizadas no Blog


Além das muitas fontes oferecidas pelo Blogger você ainda pode usar outros tipos de letras no seu blog importando fontes externas como já falamos no tutorial: Usar outros Tipos de Fontes (letras) no Blog.

Embora seja muito legal poder escolher entre tantas opções de fontes você deve lembrar-se que essas fontes externas deixam seu blog mais lento e ainda tem o risco da fonte não carregar (algum problema na hospedagem do arquivo da fonte).

Veja também:
Analisar e Tornar seu Site ou Blog mais Rápido
Melhorar Desempenho do Blog – Otimizar Imagens e Fotos

Isso não quer dizer que você não deve usar essas fontes, mas que deve saber das possíveis falhas, além disso, o risco de erros na hora de carregar a pagina é para qualquer coisa como, por exemplo, imagens ou vídeos que usa no seu blog.
Related Posts with Thumbnails

17 comentários:

  1. Oi Fabiano, como faço para que ao clickar em um dos marcadores (ou tags), a página correspondente não abra com os posts completos, um atrás do outro (conforme o blogger faz), mas como uma página em que apareçam as miniaturas de cada um dos posts (apenas a imagem e o título do post) e que cada uma delas seja um link para o respectivo post? Obrigada pela ajuda de sempre, desde já.

    ResponderExcluir
  2. Karen

    não tem como editar as paginas dos marcadores do blog porque elas seguem o mesmo estilo da sua pagina inicial

    ResponderExcluir
  3. Obrigada, Fabiano, por sua gentileza.
    Um abraço. Sucesso!

    ResponderExcluir
  4. Fabiano, eu não consegui deixar as letras do meu blog grande, ajuda!

    ResponderExcluir
  5. use o ctrl f para verificar se não tem outro código CSS controlando o tamanho das fontes.

    as vezes já tem no trecho body{..... } ou .post {...} algum código definindo o tamanho das letras então precisa achar e apagar.

    infelizmente não tenho como dizer exatamente onde é pois cada template é de um jeito

    ResponderExcluir
  6. vc sabe se tem como mudar o texto das guias do menu?
    Em vez de "Página Inicial" eu queria exibir "Início".

    ResponderExcluir
  7. Neste link tem a explicação mais detalhada:
    http://www.dicasparablogs.com.br/2009/07/alterar-texto-postagens-mais-antigas-e.html

    Entre na pagina editar html e procure por

    < a class='home-link' expr:href='data:blog.homepageUrl' >< data:homeMsg/ >< /a >

    esta parte: < data:homeMsg/ > é o texto que aparece como link (inicio), então apague e escreva o que quiser. Os sinais < > fazem parte do código então apague também.

    ResponderExcluir
  8. alguém pode min ajuda na minha área admin do blogspot as letrar ficaram grande e não sei como diminuir eu estava mexendo nos codigos html

    ResponderExcluir
    Respostas
    1. está falando de quando você faz login no blogger? provavelmente você usou o zoom do navegador.

      depois que fizer login no blogger aperte os botões ctrl e o numero 0 juntos.

      Excluir
  9. não estou conseguindo mudar as cores na fonte do blogger

    ResponderExcluir
  10. qual codigo vc usou?

    deve ter algum css definindo a cor, por exemplo algum codigo a {color: #000} em dois lugares no seu html

    ResponderExcluir
  11. Estou querendo mudar para um fundo claro e tenho frases de aviso em amarelo em vários textos que gostaria de mudar para outra cor. Há alguma forma de fazer isso sem precisar editar uma por uma?

    Obrigado.

    ResponderExcluir
    Respostas
    1. nesta mesma pagina que mostramos no tutorial tem como mudar a cor dos textos e links do blog.

      esses textos em amarelo estão onde? dentro de postagens? se você editou a cor do texto diretamente na postagem terá que editar novamente para mudar de cor

      Excluir
    2. Sim, os textos em amarelo estão dentro das postagens. Era exatamente isso que eu queria saber. Então, para mudá-los, só editando um por um, certo? Se for isso, então minha pergunta já foi respondida. Obrigado.

      Pensei que atualmente já existisse um modo de editá-los todos de uma vez só, mas tudo bem, farei assim mesmo. Obrigado novamente.

      Excluir
    3. sugiro que crie um CSS para formatar os textos em destaque, veja aqui:
      http://www.dicasparablogs.com.br/2014/01/destacar-formatar-partes-texto-postagens.html

      assim se quiser alterar outra vez poderá fazer todos de uma fez só igual altera a cor dos links, por exemplo.

      Excluir
    4. Entendi, obrigado. Acompanho esse blog há um bom tempo e já te vi falando que era melhor fazer com CSS, mas, nesse dia que vi, eu já estava há muito tempo também fazendo do modo "errado". Só agora pensei em mudar a cor do fundo e tinha esperança de que depois de alguns anos já houvesse algum jeito melhor que editar frases de posts uma por uma. Mas tudo bem, não há problema. Agradeço pela atenção que sempre me deu também em outras perguntas.

      Excluir