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.
20 Comments
Ótimo tutorial! Adorei :)
ResponderEliminarJoana x
When You Dream Big
Great tutorial. :)
ResponderEliminar-Ru.
LOVESICKLILAC
Obrigado pelo tutorial :)
ResponderEliminarVou experimentar no meu blog :)
The Perfect Blush
Adorei o tutorial!
ResponderEliminarum beijinho,
omundodasusy.blogspot.pt
looks good!
ResponderEliminarolá 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?
ResponderEliminarxoxo,
andy
aww que linda, obrigada pela aula, pra uma noob como eu isto deu-me imenso jeito :D
ResponderEliminarOlá! <3
ResponderEliminarObrigada 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
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
ResponderEliminarNão sei se já disse mas... sou fã do teu cantinhooooo <3
Obrigada pelas dicas Maria. Têm sido uma óptima ajuda para começar a mudar o meu blog. Fico à espera de mais algumas :)
ResponderEliminarBeijinho
Obrigada pelas dicas! Ajudaram-me imenso!
ResponderEliminarBeijinho, Márcia*
http://inthemoonlightshadow.blogspot.pt/
peço desculpa, eu não estou a entender como fazes para obter o link da letra a partir do dropbox, podes explicar?
ResponderEliminarobrigada
Olá :)
EliminarAo 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*
Como é que obtenho o link da letra a partir do google docs? nao estou a conseguir :/
ResponderEliminarobrigadaaaa
Não estou a conseguir me ajudem :(
ResponderEliminarAo mudar o tipo de letra, também se pode mudar a cor.. ?! em vez de ser aqueles que já lá estão estipulados..
ResponderEliminarBeijinhos
Olá :)
ResponderEliminarJá 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
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.
EliminarExperimenta 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
Oi
ResponderEliminarsegui 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/
Hello,
EliminarNã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