Olá cupcakes!
Bom, hoje vou ensinar um tuto muito fácil basta prestar atenção. Enfim, vou lhes ensinar hj como colocar fontes diferentes no blog, sem ser aquelas que já é oferecida pelo blogger. Encontrei esse tutorial no cherry bomb, então créditos à ele. Vamos começar? Clique em "leia mais" e confira
1º- Vá nesse link http://www.google.com/webfonts
2º- Escolha a fonte que quer usá-la no blog (no exemplo foi usada a fonte Yellowtail) que não tenha nele não magina e clique em Quick-use
Por exemplo, veja nesse print feito pelo CB
3º- Na página que aparece, você vai descendo até achar essa parte
4º- Copie esse código que lhe forneceu e procure em modelo>editar HTML>Ctrl + F por <head> e cole logo abaixo dessa tag.
Mas para esse código funcionar, você deve fazer algumas modificações. Assim, coloque uma barra "/" antes do > . Deve ficar assim (com sua fonte claro):
<link href='http://fonts.googleapis.com/css?family=Yellowtail&v2' rel='stylesheet' type='text/css'/>
Agora apague essa parte do código (fica depois do nome da fonte): &v2
Seu código deve ficar mais ou menos assim:
<link href='http://fonts.googleapis.com/css?family=Yellowtail' rel='stylesheet' type='text/css'/>
5º- Salve seu HTML, mas não saia da página. Vamos aplicar no blog, veja:
Se quiser usar a fonte no título do blog procure por h3.post-title a {
Logo abaixo da tag, você verá
font: $(post.title.font);color: $(post.title.text.color);
Substitua pelo código abaixo mas modifique à sua preferência o que pede
font-family: Nome da sua fonte;color: #código da cor;
Agora, se quer mudar os títulos do sidebar, procure por h2 { e apague o código abaixo:
font: $(widget.title.font);
color: $(widget.title.text.color);
Depois cole no mesmo lugar, o mesmo código que lhe passei antes :3
Trabalhoso, mas fácil! :) Espero que tenha ajudado! Dúvidas e sugestões? escreva no meu ask aqui
Ótimo tutorial! Amo usar fontes diversificadas, o único ruim é que normalmente o blog demora mais para carregar e em alguns computadores, a fonte não vai.
ResponderExcluirBeijos!
Garota Insana // Visite :3
Obg Bia! Tbm amo. É as vezes em alguns pc's não vai e eu acho até que em alguns navegadores com Mozilla e o Explorer tbm não vai :3
ExcluirÒtimo post . Ajuda muito , eu acho lindo , principalmente aquelas fontes Kawaii <3
ResponderExcluirBeijos <3
youheartsbyleticia.blogspot.com.br/
Obg, verdade huehue <3
ExcluirBjs, vou visitar seu blog :)
Já conhecia o tuto, mas é sempre bom rever.
ResponderExcluirSweet of Cherry
Que bom linda! :)
ExcluirObg por comentar...
Tem outra forma também, que é bem mais fácil :3 Mas eu adorei este tuto, é bem útil.
ResponderExcluirVisite o blog | Etc For Me ♥
Hm, queria saber que forma é essa. Obg :)
ExcluirTuto super útil pra todo o tipo de blogueiro ♥
ResponderExcluirFácil de entender também, vou explicou muito bem, moça *-*
Beijo, KW!
Vdd. Obg Kaorii
ExcluirVlw por comentar no meu bloguinho *-*
Esse tutorial é bem simples , mais prefiro a outra forma -qq
ResponderExcluirExplicou muito bem :))
D-Resources || d-resources.net
Que forma é essa? quero saber tbm haha
ExcluirObg :D