29/01/2015

Como usar Google Fonts no blogger


Olá pessoas, tudo certo? Bom pro post de hoje (post de utilidade pública por acaso) trouxe um mini tutorial fácil e bom para blogueiros iniciantes principalmente. Bom eu demorei um bom tempo pra achar um tutorial que eu entendia de como deixar as fontes do titulo do post "mais bonitas" e como eu consegui, e já venho utilizando ele a um certo tempo, vim compartilhar com vocês \o/

Eu particularmente, não acho as fontes oferecidas pelo blogger tão 'atraentes', principalmente se formos considerar as fontes que eu baixo para fazer banners, e afins. Uma solução que encontrei -na época tumblr - foi o Google Fonts; não sabia como passa isso pro blogger, então fui buscar e achei a solução no blog da Elaine Gaspareto (os créditos a essa gracinha que me ajudou @), e é claro estou aqui agora para compartilhar com vocês!

1. Entre no Google Fonts @ e escolha a fonte que você deseja usar

2. Clique em quick-use (Foto)
3. Desça a página até encontrar a caixinha número três: Add this code to your website ( a mesma da foto abaixo). Copie o código de dentro dela - e lembre-se, não feche ainda a aba do google fonts


4. Agora abra o blogger e entre em modelo > editar html. Procure por <head>, e abaixo dessa tag cole o código da caixinha que você copiouPS: se for colocar mais de uma fonte, você deve fazer do mesmo jeito para cada uma delas, sempre colando uma em baixo da outra. E abaixo da sua fonte não esqueça de colocar </link> porque se não, não irá funcionar

5. Salve

Claro que, sua fonte ainda não apareceu, isso porque você só vai substituir aquilo que você quer. Vamos ao passo 2 

Bom, a partir de agora, você vai precisar copiar outro código, mas calma, isso ainda esta lá no google font, então volte lá e copie o código de dentro da caixa quatro: Integrate the fonts into yout CSS




Se você quer mudar a fonte título da sidebar você deve procurar por
font: $(widget.title.font);
e quando encontrar deve substituir pelo código da caixa 4

Se você quer mudar a fonte títulos dos posts você deve procurar por:
font: $(post.title.font);
e quando encontrar deve substituir pelo código da caixa 4

Se você quer mudar a fonte do título da blog você deve procurar por:
 font: $(header.font);
e quando encontrar deve substituir pelo código da caixa 4

Espero que gostem desse tutorial e tentem fazer!

Nenhum comentário:

Postar um comentário

Que bom que vai comentar! Algumas coisas apenas para funcionamento do blog:
- Evite o "seguindo, segue de volta?" comente sobre o post, ele dá trabalho de fazer
- Temos uma F.A.Q. consulte antes de algumas perguntas
- Comentários são respondidos em até uma semana apos a postagem