17 de maio de 2014

Como usar outras fontes no título do post do Blogger

Já faz algum tempo que o Blogger liberou a utilização de outras fontes no blog (além das tradicionais), mas nem todos sabem como mudá-las. Por conta disso hoje vou ajudar vocês com isso.


1º Passo:

* Vá até o site Google Web Fonts e escolha a fonte que você gostou mais.
*Clique em "Quick-use", assim como mostra na imagem



2º Passo:

Vá até a opção “3” e copie o link. (Porém não feche essa página, vamos utilizá-la ainda!)


3º Passo:

Abra o blogger, vá para a opção “Modelo” e clique em “Editar HTML”.


4º Passo

Cole o código que você copiou em cima de “<head>"e coloque um "/" antes do ">” (preste bem atenção na imagem para não errar!!!!!)

Ao copiar o link: "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>"

Depois: "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/>"




OBS!!!!
Depois de ter colocado o link, você precisará fazer um modificação muito importante! No mesmo local que você escreveu "<head>", apague e escreva ".post h3" (ou “h3.post-title {“ ou ainda “.post-title {“. Procure pelos 3, alguns deles estará em seu HTML) e volte ao Google fontes. Vá para a opção "4", copie o código e cole depois da chave "{" (Clique na imagem para aumentar)



 ANTES DE SALVAR, CLIQUE EM “VISUALIZAR MODELO” E VEJA COMO FICOU. CASO VOCÊ TENHA FEITO ALGO ERRADO, O PRÓPRIO BLOGGER MOSTRARÁ. VEJA AONDE ERROU, ARRUME E VISUALIZE DE NOVO PARA TER CERTEZA.