Hoje vou ensinar vocês a como usar fontes diferentes no seu blog, sem ser aquelas disponiveis no designer de modelo.
No Google Web fonts, estão disponíveis mais de 200 fontes para você personalizar seu blog. Não é difícil usá-las, basta entender um pouco de CSS e prestar atenção no tutorial.
Vá nesse site: http://www.google.com/webfonts Escolha a fonte de sua preferência, no exemplo eu escolhi a fonte Yellowtail. Clique em quick use:
Na página que aparecer, vá descendo até achar essa parte:
Copie o código, vá no HTML do seu blog, procure por <head> e cole o código logo abaixo. Para esse código funcionar, são necessárias algumas modificações. Primeiro adicone uma barra antes do >. Deve ficar assim:<link href='http://fonts.googleapis.com/css?family=Yellowtail&v2' rel='stylesheet' type='text/css'/>
Agora apague essa parte do código que fica logo após o nome da fonte: &v2 Seu código vai ficar mais ou menos assim:<link href='http://fonts.googleapis.com/css?family=Yellowtail' rel='stylesheet' type='text/css'/>
Salve seu HTML mas não feche a página. Agora vamos aplicar a fonte no blog. Se quiser usar a fonte no título do blog procure por:h3.post-title a {
Logo abaixo desse código, você vai ver isso:font: $(post.title.font);
color: $(post.title.text.color);
Substitua esse código por esse abaixo, substituindo onde se pede:font-family: Nome da sua fonte;
color: #código da cor;
Agora, se quiser mudar a fonte dos títulos da sidebar, procure por h2 { e apague o código abaixo:font: $(widget.title.font);
color: $(widget.title.text.color);
Cole no lugar o mesmo código que eu passe antes e substitua o que se pede ^^Espero ter ajudado gente! Kissus
Amei o tutorial, ajudou muito!
ResponderExcluirmisspenelope-teen.blogspot.com
Me ajudou o tuto ae, mais uma vez valeu Liah.
ResponderExcluirBeijoss :*
amei o tutorial, com certeza ira me ajudar muito
ResponderExcluirhttp://cupcakebomb-js.blogspot.com/
Ótima dica ^^
ResponderExcluirAin que facinho!!!
ResponderExcluirAmor, o que aconteceu com o CB ontem? Eu não consegui entrar... ):
Parabéns pelos mil seguidores, voc merece cada um deles e muito mais!!
Um beijo, L.
miss-scd.blogspot.com
To seguindo.Esse blog é lindo!
ResponderExcluirMe segue se gostar do meu blog?
http://terminal-nanda.blogspot.com
bjs
O nome da fonte onde eu pego?
ResponderExcluirUuuh, já consegui. (:
ResponderExcluirO ruim do Google Web Fontes é que não tem fontes mais 'bonitinhas', como as que usamos em layouts, tipo PR8 Charade, Luna Bar, Blackout Midnight, RNS Baruta Black, etc.
ResponderExcluirhttp://viihs-place.blogspot.com/
Nossa! Amei esse tuto! Ficou simplesmente magnífico e ajudou bastante! Mto obrigada Liah!
ResponderExcluirP.S. - Parabéns pelos 1000 seguidores! XDDD
Kisses enormes da Baby
De nada flor, q bom a ajudei!
ResponderExcluirQuando vc tiver escolhendo, tem o nome da fonte do canto esquerdo
ResponderExcluirÉ q eu tentei mudar o domínio e não deu mt certo kkk
ResponderExcluirObrigada!
Adorei o tutorial Liah ;D.
ResponderExcluiramei o tutorial.
ResponderExcluireu uso o Blog em Rascunho, que já vem com algumas fontes, mas com esse tutorial fica mais fácil escolher uma fonte diferente.
tem promoção no Chuva de Morangos:
PROMOÇÃO 15 DIAS DE DESTAQUE
Ooi amor!
ResponderExcluirO My Chic Planet está fazendo um sorteio concorrendo:
-Destaque no blog até o final do ano
-Post de divulgação
-Afiliação e Parceiria
E muito mais!
Entre em http://mychic-planet.blogspot.com/2011/07/soorteiio.html#comments
E garanta já sua chance de ganhar!
BjsBjs ;* BiihBarbonii
www.mychic-planet.blogspot.com
amei, há tempos que queria saber como fazia isso!
ResponderExcluirxêru
A fonte ficou mto pequena, como eu deixo ela maior?
ResponderExcluirResponde lá no meu blog:www.conselhosdostardoll.blogspot.com
Ah, já consegui. Mas obrigada mesmo assim!
ResponderExcluirwww.conselhosdostardoll.blogspot.com
Não, soh dá pra escolher onde colocar pelo HTML
ResponderExcluirObrigada pelo comentário *_*
ResponderExcluireu uso o cufon e muito melhor !
ResponderExcluirhttp://lojinha-poke-star.blogspot.com/
A-M-E-I a dica!! E tem que ter muita paciência pra achar uma boa fonte.
ResponderExcluirXX, Mandy
http://wishoffashion.blogspot.com/
Ajudou muito e muito'
ResponderExcluirAté apliquei em meu blog!
Beijos http://wwwgertiegirlcom.blogspot.com/
eu quero colocar no titulo do blog, como faz? eu nem sei o q e sidebar
ResponderExcluiroii liah.
ResponderExcluireu segui todo o tutorial direitinho só que eu não consegui colocar no título do post... pode me ajudar??
O problema é que as fontes são muito pequenas!
ResponderExcluirOi! Amei o blog.
ResponderExcluirTo siguindu!!^^
Seg de volta:
(é meio novinho...)
http://lugarzinho-meu.blogspot.com/
bjs e vlw por ler ^^
Brigado pelo tuto, foi utilíssimo.
ResponderExcluirMas como aumenta as fontes no titulo dos post's??
Amei o post! Garotas Deem uma olhadinha no meu blog novo :3 http://blogueirasmania.blogspot.com.br/ obrigada.
ResponderExcluirCherry, funciona mas a letra fica muito pequena, dei uma olhada no HTML mas não consegui resolver.
ResponderExcluirFoi muito útil pro meu blog, só qe eu tive que fazer umas adaptações pq ñ queria aplicar no template do Blog ;]
ResponderExcluirphotoscapeforme.blogspot.com
Adoreiii o tutorial! E coloquei com muita facilidade em meu blogger!!
ResponderExcluirbjuxx
ficou otimo obrigado
ResponderExcluirEu não consegui colocar a fonte no título :c
ResponderExcluirAmei ! My blog ; http://bgssempree.blogspot.com.br/
ResponderExcluirEu tentei, só que a fonte ficou muito pequena, me ajuda? Não estou conseguindo aumentar de nenhum jeito! Fica minuscula, e feia
ResponderExcluirNossa muito obrigada esse tuto é perfeito passa lá no meu blog!!(quando estiver pronto né)
ResponderExcluirhttp://girls-dominate.blogspot.com
ja estou seguindo seu blog é muito perfeito<3
Oie......ajuda por favor eu não to conseguindo : ( meu email camila.regina.dsouza@gmail.com
ResponderExcluirObrigada pelo tutorial ajudou muito.
ResponderExcluirPra quem a fonte ficou pequena, é só procurar por: h3.post-title a { vc vai encontrar um trecho assim:
ResponderExcluirh3.post-title a {
font-family: Open Sans Condensed;
color: #8B795E;
Cole abaixo desse código acima, este código:
font-size: 30px;
depois é só alterar onde está 30px pro tamanho desejado ;)
espero ter ajudado!
http://mayaupairnoseua.blogspot.com