20 Favorite Font

25 June 2014

Hoje vou-vos ensinar a colocar o vosso tipo de letra preferido no vosso blog, sem se terem de limitar à lista reduzida que o site Blogger vos oferece.

Vocês podem usar vários tipos de letra diferentes para diferentes elementos do vosso blog, embora aconselhe a usarem no máximo 2 tipos, para não confundirem os vossos leitores, e podem colocá-los em qualquer parte do vosso blog, no título do post, no texto do post, na sidebar, no título do blog, em qualquer lado.

Vamos lá começar?
Escolher o tipo de letra
A primeira coisa que precisam de fazer é escolher o tipo de letra que querem utilizar no vosso blog.
Aconselho-vos a ir ao site Google Fonts escolher o vosso: www.google.com/fonts
Colocar o tipo de letra
Assim que terminarem a vossa escolha, cliquem no primeiro botão que é composto por uma caixa e uma seta a apontar para a direita (ou o segundo botão, dependendo das opções do vosso tipo de letra) que ao passarem o rato diz Quick-Use. E agora vai-vos aparecer uma nova janela com TODAS as informações que necessitam para ter o vosso tipo de letra no blog.

Vamos então descer um bocadinho a página e vamos para o ponto 3. lá vamos encontrar um código, copiem-no, e vamos colá-lo no nosso código html. Só precisam de ir para a página Modelo, clicar em Editar Html, e logo a seguir ao código , colem o código que copiaram anteriormente.

MAS, não sei bem porquê, o google não vos dá o código 100% perfeito, eles dão-vos a papinha quase toda pronta mas depois esquecem-se de fechar o link, por isso, antes do link acabar coloquem um / . Vejam como na imagem animada seguinte:
De seguida só precisamos de ir ao ponto 4. da página que deixamos aberta da Google Fonts, copiar também esse texto, voltar à página Editar Html, e adicionar ao elemento css onde queremos adicionar o novo tipo de letra. Por exemplo, se quisermos adicionar ao título do post temos de procurar por h3.post-title { , se quiseremos adicionar ao sidebar podemos adicionar ao .sidebar h2 {
Se quiserem adicionar outro tipo de letra basta repetir o ponto 3. e podem adicionar quantos tipos de letra quiserem. E por hoje é tudo! Até para a semana.
xoxo

20 comments:

  1. Obrigado pelo tutorial :)
    Vou experimentar no meu blog :)

    The Perfect Blush

    ReplyDelete
  2. Adorei o tutorial!

    um beijinho,
    omundodasusy.blogspot.pt

    ReplyDelete
  3. olá querida Maria! Adoro este tipo de posts e era sobre exatamente isto que queria falar contigo... Queria mudar o design do meu blog e sou completamente um 0 à esquerda no que toca nestas coisas. Será que me podias dar uma ajudinha?

    xoxo,
    andy

    ReplyDelete
  4. aww que linda, obrigada pela aula, pra uma noob como eu isto deu-me imenso jeito :D

    ReplyDelete
  5. Olá! <3

    Obrigada por esta aulinha! Estava mesmo a precisar espero que continues com estas aulinha que eu amo! <3
    Convido-te a passar pelo meu blogue e que me dês a tua sincera opinião sobre o meu blogue, o Moda Adolescente - http://moodadolescente.blogspot.pt/

    Obrigada<3

    Beijinhos,
    Edna <3

    ReplyDelete
  6. Aaaah! Será que esses códigos também funcionam com o blog Sapo?! Queria tanto mudar umas letrinhas, mas só encontro aulinhas para blogger ehehe
    Não sei se já disse mas... sou fã do teu cantinhooooo <3

    ReplyDelete
  7. Obrigada pelas dicas Maria. Têm sido uma óptima ajuda para começar a mudar o meu blog. Fico à espera de mais algumas :)

    Beijinho

    ReplyDelete
  8. Obrigada pelas dicas! Ajudaram-me imenso!
    Beijinho, Márcia*

    http://inthemoonlightshadow.blogspot.pt/

    ReplyDelete
  9. peço desculpa, eu não estou a entender como fazes para obter o link da letra a partir do dropbox, podes explicar?
    obrigada

    ReplyDelete
    Replies
    1. Olá :)
      Ao colocares o tipo de letra no dropbox (tem de estar numa pasta pública) vai-te aparecer o ficheiro nessa pasta, só precisas de clicar com o botão direito nesse ficheiro e clicar em "copy public link" e depois é só copiar e colar no teu código.
      Se tiveres mais dúvidas comenta por aqui ou envia um email :)

      Beijinhos*

      Delete
  10. Como é que obtenho o link da letra a partir do google docs? nao estou a conseguir :/
    obrigadaaaa

    ReplyDelete
  11. Não estou a conseguir me ajudem :(

    ReplyDelete
  12. Ao mudar o tipo de letra, também se pode mudar a cor.. ?! em vez de ser aqueles que já lá estão estipulados..
    Beijinhos

    ReplyDelete
  13. Olá :)

    Já ando a seguir o teu blog a algum tempo, principalmente esta parte das aulas e este assunto do tipo de letra não me estou a safar nada bem.. Nem consigo copiar o link através da dropbox nem do drive..

    Beijinhos

    ReplyDelete
    Replies
    1. Agora os links da dropbox e da drive não são public links, por isso já não dá para carregar os tipos de letra para a drive e a partir daí retirar um link para o html.
      Experimenta utilizar já tipos de letra da google:
      https://www.google.com/fonts
      Depois é só escolher um tipo de letra, clicar no botão Quick Use e retirar o link :)
      Criei um blog para bloggers com mais dicas: www.lovable-blog.com

      Beijinhos <3

      Delete
  14. Oi
    segui passo por passo mas não deu e desconfigurou-me todas as letras do blog :o
    o que faço agora?
    xx, http://neverforgottenmercury.blogspot.pt/

    ReplyDelete
    Replies
    1. Hello,
      Não sei que erro te deu mas experimenta utilizar tipos de letra da google:
      https://www.google.com/fonts
      Depois só precisas de escolher um tipo de letra, clicar no botão Quick Use e retirar o link :)
      Criei um blog para bloggers com mais dicas: www.lovable-blog.com

      Beijinhos <3

      Delete