Personalizando título do post

Image001345865445673o4wmew_large

Trago agora um tutorial de como mudar a fonte do título das postagens para alguma fonte mais personalizada do site Google Web Fonts! Quer aprender? 



Não é muito difícil, basta prestar atenção.

Vá neste site: Google Web Fonts e escolha sua fonte preferida.

Após escolher a fonte clique em Quick-use.

Desça a página até encontrar isto:

Copie o código.

Agora vamos colocá-la no blog.

Vá em Design > Editar HTML > Dê F3 e procure por:
 <head>
Cole o código da fonte abaixo da tag.
PS: Para que o código funcione, adicione / antes de > no código da fonte.
 Salve.

Agora dê F3 e procure por:
h3.post-title a {
Abaixo dessa tag vai aparecer:

 font: $(post.title.font);
color: $(post.title.text.color);

Apague e cole no lugar:

font-family: Nome da fonte escolhida;
color: #código da cor;

Pronto! Beijos

9 comentários:

  1. fica muito legal! As fontes do blogger são muito feias! ><
    haha'
    Beijoos

    ʚĭɞ.:: Meu Jardim Secreto ::.ʚĭɞ

    ResponderExcluir
  2. Oh que legal o tutorial!! Beijos !!
    http://ingridrengel11.blogspot.com.br/

    ResponderExcluir
  3. Faz um tuto de como deixar a área de comentários que nem a sua?
    Beijinhos,
    Aline (Visita?----> Sweet Girls)

    ResponderExcluir
  4. adorei o post! aliás, adorei o blog todinho ^^

    bjossss

    http://queridanostalgia.blogspot.com/

    ResponderExcluir
  5. Dá uma mudança total esse tuto, sempre uso nos meus lays!
    ~ Beijinhos,
    Bruh
    #Garota da Lua
    Obrigada pela visita linda, fico muito feliz, volte sempre!

    ResponderExcluir
  6. muito bom ^^ já tô seguindo...

    http://queridanostalgia.blogspot.com.br/

    ResponderExcluir
  7. Que massa, o meu já esta personalizado beijinhos flor, ja´estou seguindo.

    californiadreams2.(blogspot.com.br)

    ResponderExcluir
  8. Adooooorei ~
    O Blogger até que tem algumas fontes, legais
    já instaladas nele. Mais vamos combinar que nós
    gostaríamos de ter mais variedade né ? Haha !* Adooorei ~
    No meu próximo layout vou usar esse tutorial
    concertesa *u* e nos créditos você estará lá por que
    esse seu blog e divo :D

    uniiverso-teen.blogspot.com

    ResponderExcluir
  9. *o*, Amei ! O Primeiro Tutorial que deu certo , Obrigado (:

    ResponderExcluir

Obrigada pelo seu comentário, sua opinião é muito importante!
Se seu perfil for trancado, não se esqueça de deixar o link do seu blog ou pelo menos o nome, para que eu possa retribuir. ♥

« » +