Post sobre | Dicas blog, imagem, Pc windows
.

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.

33 comentários:

Palavras de Osho disse...

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

Seven disse...

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

PC Downloads disse...

Vlw, vc me ajudou muito.

jbfree disse...

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

Anônimo disse...

e para mudar a cor como faz?

Blog... disse...

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

Moisés disse...

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?

Moisés disse...

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.

Blog... disse...

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.

Blog... disse...

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

Adilson disse...

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...

Blog... disse...

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.

Aki Downloads disse...

Belo post,me ajudou bastante valeu

Jacqueline disse...

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 *-*

Blog... disse...

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.

Uma aquariana... disse...

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!!

Allan disse...

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

Lucas Freitas disse...

parabens

Carlos Marcos disse...

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?

Blog... disse...

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

Natanael - NGF Consultoria disse...

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

Anônimo disse...

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?

Blog... disse...

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...

Cissa Araujo disse...

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??

Blog... disse...

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.

Anônimo disse...

não consegui

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

Blog... disse...

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.

Anônimo disse...

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

Andrea S'Mirna disse...

muito obrigada me ajudou muito

Blog O Gato sem rabo disse...

muito obrigado,
me ajudou muito

MAURICIO disse...

Boa noite,

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

Blog... disse...

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.

MAURICIO disse...

Muito obrigado pela explicação.
Abs

Postar um comentário

  • Atenção, o comentário será postado em outra página e não estará aqui, se usar o comentário para perguntar, use uma conta e o link: Subscribe by email(abaixo) e poderá ser avisado.
  • Comentário com e-mail será ignorado
  • Antes de perguntar leia o texto até comentários e pesquise
  • Será ignorado comentário sem relação com o assunto ou com Url de blog/site(Divulgar? Clique)
  • Comentário reflete a opinião do comentarista. Desde já, Obrigado!

GoogleCustom Search

Dinheiro para blogs
Google Adsense HOTWords
Divulgação de blogs
Inscreva seu blog/site: