Como Formatar Texto do Blog: Mudar Cor, Tamanho e Tipo das Letras - Dicas para Blogs
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.
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.
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.
Formatação de Texto pelo HTML do Blog (Estilos CSS)
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:
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:
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).
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.
Karen RZ 05 dezembro, 2013 11:18
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á.
Fabiano Roberto 05 dezembro, 2013 13:40
não tem como editar as paginas dos marcadores do blog porque elas seguem o mesmo estilo da sua pagina inicial
Karen RZ 05 dezembro, 2013 18:42
Obrigada, Fabiano, por sua gentileza.
Marce 09 janeiro, 2015 00:10
Fabiano, eu não consegui deixar as letras do meu blog grande, ajuda!
Fabiano Roberto 09 janeiro, 2015 14:48
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
umcsebraeamapa 28 abril, 2016 10:22
vc sabe se tem como mudar o texto das guias do menu?
Em vez de "Página Inicial" eu queria exibir "Início".
Fabiano Roberto 28 abril, 2016 15:24
Neste link tem a explicação mais detalhada:
< 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.
Antonio Maximino 28 abril, 2016 21:52
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
Fabiano Roberto 29 abril, 2016 14:04
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.
Meus trabalhos 31 janeiro, 2017 08:44
não estou conseguindo mudar as cores na fonte do blogger
Fabiano Roberto 31 janeiro, 2017 11:30
qual codigo vc usou?
deve ter algum css definindo a cor, por exemplo algum codigo a {color: #000} em dois lugares no seu html
Anônimo 03 abril, 2017 06:45
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?
Fabiano Roberto 03 abril, 2017 11:44
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
Anônimo 03 abril, 2017 11:52
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.
Fabiano Roberto 03 abril, 2017 17:06
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.
Anônimo 03 abril, 2017 20:11
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.
Fabiano Roberto 03 abril, 2017 22:04
eu que agradeço pela visitas
dharmadhannya@gmail.com 08 agosto, 2018 04:54
Oi, Fabiano, muito bom o seu blog. gostaria de saber qual o tamanho ideal da fonte para blog , já procurei na internet e não encontro.grata
Fabiano Roberto 09 agosto, 2018 15:17
eu uso 15 ou 16px de tamanho de fonte.
mas pode ser utilizada em porcentagem... Acho que não existe um tamanho certo, mas lembre-se de pensar na versão para celular do seu blog.
talvez você tenha mais visitas via celular do que computador dependendo do assunto do seu site
Unknown 04 outubro, 2018 13:36
Quando copio e colo a postagem ela fica maior que a página como faço?
Fabiano Roberto 07 outubro, 2018 16:29
qual o endereço do blog que está com o problema?
é estranho acontecer isso pois o texto deveria se ajustar a pagina
Beatriz Pirapama 18 maio, 2020 14:46
Eu estou editando o texto de uma página. O fundo dela é branco, então coloco a letra em preto. Mas mesmo quando eu salvo e coloco pra vizualizar, as letras não aparecem.
Fabiano Roberto 15 junho, 2020 16:22
qual o endereço do blog que está com este problema?
Botão adicionar Gadget no Blogger (Add to Blogger) Criar e Colocar um Menu com SubMenu com CSS no Blog Espaçamento entre Linhas, Letras ou Palavras usando CSS/HTML Postar Foto com Link no Facebook Imagens Lado a Lado, Fazer Colunas nos Gadgets Fazer Podcast - Colocar MP3 no Blog