quarta-feira, 29 de janeiro de 2014

Fontes diferentes no blog!


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
image

3º- Na página que aparece, você vai descendo até achar essa parte
image
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


12 comentários:

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

    Beijos!
    Garota Insana // Visite :3

    ResponderExcluir
    Respostas
    1. 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
  2. Òtimo post . Ajuda muito , eu acho lindo , principalmente aquelas fontes Kawaii <3
    Beijos <3
    youheartsbyleticia.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obg, verdade huehue <3
      Bjs, vou visitar seu blog :)

      Excluir
  3. Tem outra forma também, que é bem mais fácil :3 Mas eu adorei este tuto, é bem útil.

    Visite o blog | Etc For Me ♥

    ResponderExcluir
    Respostas
    1. Hm, queria saber que forma é essa. Obg :)

      Excluir
  4. Tuto super útil pra todo o tipo de blogueiro ♥
    Fácil de entender também, vou explicou muito bem, moça *-*

    Beijo, KW!

    ResponderExcluir
    Respostas
    1. Vdd. Obg Kaorii
      Vlw por comentar no meu bloguinho *-*

      Excluir
  5. Esse tutorial é bem simples , mais prefiro a outra forma -qq
    Explicou muito bem :))


    D-Resources || d-resources.net

    ResponderExcluir
    Respostas
    1. Que forma é essa? quero saber tbm haha
      Obg :D

      Excluir