Postagens | Dicas blog, Imagem, Pc Windows

Como aumentar tamanho da fonte do título do post

Mudar o tamanho da fonte do título do post do BlogSpot, fazendo uma pequena mudança no css do Html do blogger, isso apenas se não for possível mudar usando a opção fontes e cores do blogger.

Alguns modelos(layout) não permitem aumentar e diminuir(individualmente) o tamanho da fonte do título das postagens. Para usuários que querem mudar só o título do post existe um código que pode ser modificado.
Você deve tentar primeiro ver se é possível fazer o que você quer no blogger, sem o uso de códigos, veja aqui:
Mudar a cor e tamanho da fonte, cor do link e fundo do BlogSpot
Talvez isso não é possível para quem usa um modelo clássico(antigo), entenda o que é, por que mudar e como nesse post:
Mudar modelo do blogger para layout.
Postagem relacionada:
Mudar cores e fundo do título do post do BlogSpot

A primeira coisa é encontrar esse código abaixo dentro do Html do blogger:

.post h3 {


E entender que, .post se refere a postagem do blogger, h3 ao título da postagem(post) e o que estiver { e entre as chaves, são propriedades, qualidades ou estilos }

.post h3 {propriedades, qualidades ou estilos }

O que deve ser mudado para aumentar ou diminuir a fonte do título é os números de font-size: 1.2em;

.post h3 {
font-size: 1.2em;
margin-bottom:0;
color: $titlecolor;
}

Veja abaixo alguns exemplos de tamanhos das letras(ou fonte) em vermelho e abaixo de cada código o valor ou porcentagem,

Tamanhos de fonte:

font-size: 0.5em;
é metade da fonte "do texto"

font-size: 0.7em;
é 70% da fonte

font-size: 1.2em;
é 120% da fonte

font-size: 1.6em;
é 160% da fonte

font-size: 2em;
é 200% da fonte ou dobro

Você pode usar qualquer número, mas deve estar seguido de em;

O valor 1em; é igual ao tamanho da fonte, texto do blog. então ele sempre vai se basear no tamanho da fonte de seu blog, quando você mudar o tamanho da fonte usando a opção Fontes e cores do blogger essa também mudará, mas, se você escolher usar 2em; para .post h3 a fonte do título do post será sempre o dobro do tamanho.

Mudar o tamanho da fonte do título do post

No blogger:
1-Clique em Layout Design(Design substituiu a palavra Layout. Atualização:2010)
2-Em seguida Editar Html,
3- Antes de começar faça um backup do seu código clicando em Baixar modelo completo, só por precaução e segurança, Salve em seu computador.
4-Em Editar Html tenha cuidado com os caracteres que devem ser respeitados({}: ; . etc).
5- Apenas observe que deve existir, no seu Html, um código parecido com esse abaixo:

]]></b:skin>

Exatamente antes/acima desse código é o Css do blogger e você pode personalizar seu blog, com cuidado.

6-Perceba que cada propriedade está numa linha e termina com ponto e vírgula; e deve continuar assim.
7- Procure no Css por .post h3 { e substitua os códigos em vermelho ou se não existir adicione.
Você não deve copiar esse código inteiro, e sim apenas procurar se já existe em seu código Css, se não existir pode adicionar, e adicione ou mude os valores(propriedades) font-size:e número para tamanho seguido de em;
.post h3 {
font-size: 1.2em;
margin-bottom: 0;
color: $titlecolor;
}

8- Clique em Salvar alterações

35 comentários:

  1. Muuuuuuuuuuuuito obrigado! Na mosca! Melhorou 1000% o meu blog!

    ResponderExcluir
  2. 1ª vez aqui e estava precisando dessa dica, muito obrigado...vou dar uma olhada por aqui...

    ResponderExcluir
  3. Anônimo11/6/09

    Vlw, vc me ajudou muito.

    ResponderExcluir
  4. Anônimo24/7/09

    noss cara ajudo prakaramba, parabens ae pelo seu blog!!

    ResponderExcluir
  5. Anônimo31/8/09

    e para mudar a cor como faz?

    ResponderExcluir
  6. Anônimo
    Primeiro você deve tentar o que esta descrito nesse post: Mudar a cor e tamanho da fonte, link, e fundo do blogger

    Se não tiver essa opção para o titulo, observe se você encontra e substitua se já existir ou Adicione esse código:
    color: #000000;
    observe que #000000 é preto, para outras procure na web por: códigos html hexadecimais.


    Adicione o código no local correto que da certo, pode ser após
    .post h3 {

    Também deve fazer o mesmo nesse "trecho"
    .post h3 a{

    Fica atento que irei postar isso em breve

    ResponderExcluir
  7. moisesalba.com - não consegui resultado algum, fiz as mudanças tanto para os titulos das postagens quanto para os titulos dos widgets e não altera o tamanho das fontes. não sei o que pode estar acontecendo. se puderes ajudar?

    ResponderExcluir
  8. moisesalba.com - errei, o que não consigo é mudar o tamanho da fonte da data da postagem e da fonte dos titulos dos widgets - tem solução?
    obrigado.

    ResponderExcluir
  9. Moisés

    Para mudar o título dos widgets do seu blog pode ser um pouco díficil se ele não for um modelo do próprio blogger, mas, tente esse post: mudar o título dos gadgets do blogger, aqui

    Quanto a data, aguarda uns dois ou três dias que esse post vai estar no blog.

    ResponderExcluir
  10. Moisés

    Atrazei um pouco a postagem que promeiti, devido a dificuldade em expicar, mas para mudar o tamanho da fonte da data do post, clique

    ResponderExcluir
  11. Olá ... Ô mestre do HTML... poderia me ensinar como mudar o tamanho da fonte (em todas as postagens de uma unica vez) no blog todo, principalmente as postagens. VLW.. aqui é show ... Dicas quentes cara...

    ResponderExcluir
  12. Adilson

    Vou fazer isso, mas vai demorar um pouco, pois tenho outros posts na frente, por enquanto, se você quiser e tem pressa, pode adicionar e trabalhar no seu Css:

    .post {}

    entre as aspas vai o estilo para a postagem, você pode ver tipos de fontes em Css aqui, faz uma cópia de seu Html antes.

    ResponderExcluir
  13. Belo post,me ajudou bastante valeu

    ResponderExcluir
  14. Aaaai, minha salvação! Mas nõa tem um post ensinando a mudar A FONTE do título da postagem não? :s Mesmo assim, adoreeei *-*

    ResponderExcluir
  15. Jacqueline

    Muito boa sua questão, mas como o post já mostra que para aumentar o título da postagem você adiciona ou substitui font-size: 1.2em; entre-chaves{} Você também pode adicionar um desses tipos de fontes aqui, basta entender um pouquinho mais de Css.

    ResponderExcluir
  16. Valeu!! consegui!! pois no modelo que eu estava usando só conseguia mudar tudo de uma vez, agora meu título da postagem está do tanhanho que eu quero!!
    obrigada!!

    ResponderExcluir
  17. Muito obrigadoooooooo, além de fácil me foi muitoooo útil. Continue assim,

    ResponderExcluir
  18. Gostei das idéias!
    Quero tirar as sentenças maiúsculas do título do meu post e ainda não conseguir, o que devo fazer agora?

    ResponderExcluir
  19. Carlos Marcos

    Se o título do post está em maiúscula e você não utilizou letras maiúsculas para criar, provavelmente tem o estilo de fonte css font-variant: small-caps; entre chaves, mais ou menos como explicado acima.

    Se você encontrar no Css do Html do blogger algo parecido com:

    .post h3 {font-variant: small-caps;
    font-size: 1.2em;
    color: $titlecolor;



    Você pode excluir apenas font-variant: small-caps; que a fonte do título ficará normal como você escreveu

    ResponderExcluir
  20. Funcionou perfeitamente. A única diferença é que era em porcentagem, no mais foi fácil.
    Obrigado pela dica.
    NGF Consultoria - Natanael

    ResponderExcluir
  21. Anônimo23/1/11

    ola. to com um serio problema. mudo o tamanho da letra do titulo da postagem porem no navegador Firefox ele insiste em nao mudar o tamanho da letra. como faço para resolver este problema?

    ResponderExcluir
  22. Anônimo

    Não seria alguma configuração do seu navegador Firefox que faz com que você não veja as alterações? ou o cache do navegador...

    ResponderExcluir
  23. Oi não consigo deixar a primeira letra do titulo do meu blog maiuscula, sempre fica ou tudo munisculo ou tudo maiusculo..como faço??

    ResponderExcluir
  24. Cissa Araujo

    Você leu acima então deve entender que entre chaves estão os estilos.

    Logo depois de .post h3 veja se tem o seguinte código, text-transform: lowercase; se tiver pode apague, é esse que faz com que todas as letras ficam minúsculas.

    Você pode procurar por esse código acima e apagar um de cada vez e olhar seu blog o que acontece.

    Você também pode adicionar Css(veja onde) na parte de baixo do seu Css esse código:

    .post h3{text-transform:capitalize}

    Esse deixará o título com a primeira letra em maiúscula, para os modelos de layout de 2006, não sei se funciona para todos os novos modelos.

    ResponderExcluir
  25. Anônimo27/5/11

    não consegui

    dá uma olhada no meu blog,baixei esse modelo,mas o titulo é minusculo
    http://literablogado.blogspot.com

    ResponderExcluir
  26. Anônimo

    No inicio desse post tem um link que mostra um caminho para alterar quase todos os estilos do blogspot em mexer em códigos, e funciona com a maioria(Mudar a cor e tamanho da fonte, cores do link e fundo do BlogSpot), se mesmo assim, tente o código acima mas aumentando o valor do numero para o tamanho da fonte do título, mesmo assim alguns modelos baixados da web isso não funciona, aí você pode tentar pedir ajuda no local onde você baixou o modelo, mas o melhor era pensar seriamente em usar um dos modelos do próprio blogger, isso porque se ele está apresentando problemas agora, talvez no futuro irá apresentar outros problemas.

    ResponderExcluir
  27. Anônimo28/5/11

    é,vou usar um modelo do blogger mesmo,pelo menos dá pra personalisar :D

    ResponderExcluir
  28. muito obrigada me ajudou muito

    ResponderExcluir
  29. muito obrigado,
    me ajudou muito

    ResponderExcluir
  30. Boa noite,

    Blogger alterando o tamanho da fonte da postagem quando é publicado.
    Alguém já teve este problema?
    Solicito ajuda.
    Obrigado.

    ResponderExcluir
  31. MAURICIO

    Quando você está criando um post você vê os tipos e tamanhos de fontes que são padrão do site blogger.com, mas, quando você publica o post ele será enviado para o seu blog, aí, a fonte irá respeitar o tipo e tamanhos de fonte do seu blog.

    Outra coisa, não sei se lhe aconteceu, mas é bom as pessoas saberem, se alguém copia um trecho de texto de uma página de outro site e publica, por vezes, o tipo de fonte daquele site é incorporado aquele texto copiado, isso também pode ocorrer se copiar de um arquivo com formatação, programas como o word ou outros.

    ResponderExcluir
  32. Muito obrigado pela explicação.
    Abs

    ResponderExcluir
  33. Coloquei um layout no meu blog e não consigo modificar o tamanho da fonte do título pelo blogger normal.

    Não consegui achar os códigos d sua postagem. Tem como me ajudar?

    www.capaetitulo.blogspot.com

    ResponderExcluir
  34. Marcos Tavares

    Como eu disse acima, primeiro precisa ver se não tem opção de fazer isso sem uso de códigos, se não, seria bom primeiro você passar seu código de modelo para um blog de testes para ver como faz e praticar, depois fazer uma cópia de seu HTML(backup) e poderia inserir na parte de baixo do Css do HTML um código assim:

    .post h3{
    font-size: 1.2em;}


    Isso poderia aumentar a fonte do título do post, você pode aumentar o valor do número, como expliquei acima, ou diminuir ele, é bom entender como alterar o número, assim você conseguirá até diminuir o tamanho da fonte do título, esse código geralmente funciona para muitos modelos do blogger, até aqueles templates baixados ou copiados da web.

    ResponderExcluir

→Dê sua opinião. Faça comentário relacionado ao post.
Comentário com e-mail será excluído
Antes de perguntar leia o texto até comentários e pesquise, a resposta virá no comentário, para ser avisado use uma conta e o link: Subscribe by email(abaixo)
Será excluído comentário não relacionado ou com Url de blog/site(Divulgar? Clique)

Comentário reflete a opinião do comentarista. Desde já, Obrigado!

Google

Postagens Populares