É um tutorial super simples mais requer atenção ok? Funciona assim, através do site google web fontes você instala quantas fontes quiser em seu template (via HTML). E você pode usar em qualquer elemento que desejar, (exemplo na área dos comentários, titulo das postagens, enfim onde quiser desde que você ache os códigos de cada elemento que deseja alterar a fonte padrão)... Muuuita calma nessa hora que eu vou explicar tudo certinho no decorrer do tutorial!
1° acesse o site (www) e escolha a fonte que você mais curtiu
2° clique em QUICK-USE
3° Copie o código disponibilizado, veja:
4° para o código ser aceito no template você deverá colocar esta barrinha / antes de > Ficando assim:
1° acesse o site (www) e escolha a fonte que você mais curtiu
2° clique em QUICK-USE
3° Copie o código disponibilizado, veja:
4° para o código ser aceito no template você deverá colocar esta barrinha / antes de > Ficando assim:
<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'/>
Pronto a fonte foi instalada!
Lembrando que você pode instalar quantas fontes quiser.
Agora você pode aplicar a fonte em qualquer elemento que quiser é só alterar o nome das fontes padrões pelo o nome da fonte instalada. EXEMPLO:
- Quero alterar a fonte dos títulos das minhas postagens.
No meu template o código que eu preciso se apresenta como: .post h3
.post h3{
font-family: 'comic saans', arial, serif;
}
font-family: 'comic saans', arial, serif;
}
Agora é só mudar a ''font-family'' padrão do blogger pela ''font-family'' instalada (que se encontra na mesma página que você pegou o código para instalar) veja:
No meu caso então ficou assim:
.post h3{
font-family: 'Great Vibes', cursive;
}
font-family: 'Great Vibes', cursive;
}
Este foi apenas um exemplo pra vocês entenderem, ok?
Bye Bye ~~
Como sempre, arrazando nos tutoriais Jackie!
ResponderExcluirBeeeeeeeejos
#Nhaaaaaaac >>> http://the-lovers-world.blogspot.com/
Own Amei o tuto, vou tentar.. Seu blog me surpreende e muito...
ResponderExcluir!!
Perfeito Jackie!!
ResponderExcluirEu ia fazer um sobre fontes (eu faço quase assim como vc explicou rs).
Adorei ♥
bjãoo
Ameii Jackie! !
ResponderExcluirAki vc so posta coisas legais ,
Amo seu blog!!
bjs Mari
www.mundodebolinhas.com
Oi! !Adorei seu blog! Seguindo! Se quiser da uma passada la no blog!
ResponderExcluirUm abraço!
http://dicasblogspot-db.blogspot.com.br/
Eu já usei uma vez o site, no próximo layout irei ver se faço (:
ResponderExcluirAnna - World-cutest.tk
Adorei adorei adorei tava precisando mesmo de um tutorial assim! Faz um tuto de como se instala fontes pra título da postagem, gadget (acho que é assim) e por aí vai *---*
ResponderExcluirhttp://hoot-and-cold.blogspot.com.br/
Muiito bom. Sempre tinha essa dúvida quando ia montar meus templates :)
ResponderExcluir--------------------------------------------
www.bugigangazdanet.blogspot.com
ahhhh to morta de curiosidade e não encontro meu celular kkk (meu baby pegou e vai saber onde ele deixou...ai ai),quero saber oq vc escreveuuuu kkk
ResponderExcluirbjãoo
Tem tag pra você no blog!
ResponderExcluir->by-jade.blogspot.com
Aprendi essa "técnica" quando fui fazer meu primeiro layout, aí usei pra trocar a fonte do título do post e dos gadgets.
ResponderExcluirSó acho que, quando a gente instala as fontes, elas deveriam ficar disponíveis no Designer de Modelo e na área de postagem também, pra gente usar quando quisesse sem ter que mexer no HTML. Mas aí era querer demais, né HAUHEUAHUEHAU :p
Pena que fontes diferentes pesam um pouco o carregamento do blog, por isso é bom a gente não abusar delas, rs.
muggle-world.blogspot.com
Adorei o tutu bem útil!Deixa sempre com cara mais bonita o blogger!Beijos *-*
ResponderExcluirO blog está de cara nova visita lá!
http://www.cotidianodeumabarbie.blogspot.com.br/
Gostei do tutorial,eu não sabia que podia fazer isso no blog.
ResponderExcluirhttp://i-teenbr.net.tc
Muit legal esse tuto! ;)) ja usei da um charminho coma letra arrumadinha haha ><
ResponderExcluirbonequinhadeluxo10.blogspot.com
brigada jackie, vc tb e um amor =)
ResponderExcluiradorei esse post, ja tu instalando :)
http://xicablog.blogspot.pt/
*estou
ResponderExcluirAmei Jackie! Muito obrigada,eu tavo precisando muito! :k:
ResponderExcluirMuito bom esse tutorial, adorei!!!
ResponderExcluirBjinhos
www.jeitinhofemininoblog.com
Ótimo tutorial como sempre Jackie!
ResponderExcluir*---*
Bom domingo!
BjO
http://the-sook.blogspot.com.br/
Ah mais não achei o código :i:
ResponderExcluirDepois vou tentar com mais calma
Uma semana ótima pra ti!
Bjão, fica com papai do céu ;*
Garota Imperfeita
meu comentario não tem nada relacionada o post
ResponderExcluiracima!
gostaria de pedir sera que poderia posta dicas site hospedagem de arquivos
:j: eu fiz! Ficou ótimo! Obrigada.
ResponderExcluirwww.batomdeframboesa.blogspot.com
heey jackie, quando eu enviar o meu modelo vc tb pode compor outra coisa? -eu tenho google chrome e internet explorer- meu plano de fundo de mensagens ficou transparente e eu já tentei mudar para branco mas aquilo nao mudou. obrigada pela oferta de ajuda, claro que aceito!
ResponderExcluirdiga-me o seu e-mail para lhe enviar.
http://xicablog.blogspot.pt/
Oi linda tudo bem?
ResponderExcluirAdorei o seu blog estou seguindo:l:
Jackie , me tire uma duvida ... Como Faço pra Deixaro titulo do post Maior , Ja usei o Editor , & fui pelo html e nada ,
ResponderExcluirA outra questão é ( tem como tirar o efeito dos marcadores ( eu não achei legal nele ) ! beeiijãoo
www.girllsweett.blogspot.com.br
Obrigada Jackie , me salvoou s2'
ResponderExcluirBeeiijinhus!
:i:
ResponderExcluireu estou muito sem graça ,mas gostaria de te perguntar se você não podia fazer um layout mais ou menos pro meu blog pf me responde
email:diariodeumagarotacomum@gmail.com
www.simplesmenteraphaella.blogspot.com
Como coloca as fontes novas nas postagens ?
ResponderExcluirPassa lá no meu blog http://forgirls09.blogspot.com.br/
:k: adooreei ! www.mundooteens2.blogspot.com.br
ResponderExcluirOi Jackie , tentei um dia inteirinho por uma fonte no blogguer e não consegui de jeito nenhum , a fonte que eu quero estalar é um pouco diferente dessa que vc tem , ela tem duas aspas
ResponderExcluirjá tô deseperada se puder me ajuda? http://licia-carla.blogspot.com.br/ bjs
Ai que bom que me respondeu , é assim estou editando um lay pra uma amiga minha , ela tem um blog de makes , achei que a fonte dancing é a cara do blog que tô fazendo (que por acaso estou usando uma base que achei no jd ok?) mas já tentei de todas as formas por a fonte e não consegui , estou fazendo em um blog de testes .
ResponderExcluirsobre essa .post h3 , não acho no template de jeito nenhum!!! Eu quero por essa fonte nos títulos de posts e de gadgets (eu falo pra caramba né?) se puder me ajudar , nem sei como agradecer bjs
Consegui na boa!!! Vê as maravilhas dos meus blogs:
ResponderExcluirdocas-games.blogspot.com
danilubi.blogspot.com
bibis-m-o.blogspot.com
sala-destudo.blogspot.com
Consegui na boa!!! Vê as maravilhas dos meus blogs:
ResponderExcluirdocas-games.blogspot.com
danilubi.blogspot.com
bibis-m-o.blogspot.com
sala-destudo.blogspot.com
Nao deu certo, ficou horrivel.
ResponderExcluiro meu ficou com a fonte minúscula, seria ideal se a Jackie pudesse ensinar como aumentar a fonte. No meu ficou horrível, vou ter que me contentar com as fontes do Blogger mesmo.
Excluirguria pra aumentar a fonte é só achar perto do código que vc alterou a fonte algo como:
Excluirfont-size: 45px;
daí vc só altera o número
não coloquei no tutorial pq é algo muito simples que não tinha necessidade :c
Jackie me ajuda,num intendo o google web fonts não quer abrir de jeito nenhum,e a única forma é por aii,o site não abrii,me ajuda por favor!
ExcluirQueriia então te colocar como administradora só pra fazer isso pra mim :/
responde:simples-garotaa.blogspot.com
O site tá abrindo normal aqui ? '-'
ExcluirAcho que é algum problema no meu pc,vou
Excluirtentar fazer isso em outro computador,obrigado mesmo
assim.
Consegui, como sempre arrazando nos tutoriais, um beijo e ótimo dia pra voce lindona;
ResponderExcluirDá uma olhadinha :
http://nosnopc.blogspot.com
Bjuuuuus !
Oiie Td Bem , Como Que Vc Coloca Esssas Menininhas ↑ ai emcima , para as pessoas colocarem nos comentarios tipo ( :a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n:)beijo e ótimo dia pra voce lindona;
ResponderExcluir@FC LUAN SANTANA UM BEIJO SPhttp://isjackiezzdream.blogspot.com.br/2011/08/cute-emoticons-nos-comentarios.html
ResponderExcluirEu consegui, mas á letra ficou MINÚSCULA!!! Como aumenta???
ResponderExcluir@Anônimo perto da área que vc mudou a fonte procure algo como
ResponderExcluirfont-size: 26px;
ai vc só modifica o número!
p.s coloquei um numero exemplo ai, provavelmente será outro (:
Adoreei! Tô usando Ei, sabia que esse seu tutorial foi o primeiro a aparecer no google pra mim? Parabéens ahhaha
ResponderExcluirBeijos,
--> siimsenhorita.tk
@ana b | :j:
ResponderExcluir:e: Me ajuda Jackie hauss como faço pra saber qual o nome daquele negócio que no seu é .post h3 ?
ResponderExcluirahusahs
http://cuteland-oficial.blogspot.com.br
Oi Jackie, me ajuda?
ResponderExcluirTipo, minha fonte é essa:
font-family: 'Spirax', cursive;
Onde eu colo? Me ajuda pf..
http://cuteland-oficial.blogspot.com.br/
Onde fica o código?Nao achei...
ResponderExcluir:i:
Bjos
vida - de - cupcake. blogspot. com
*tire os espacos*
q código?
ResponderExcluir:i: Jack eu não consegui.
ResponderExcluirameii o tutu mais não consegui :(
ResponderExcluir:l:
diquinhasdajulinha.blogspot.com
Eu fiz tudo direitinho mas não deu :n:
ResponderExcluirErr, Jackie, tô com um probleminha... Tipo, eu usei um tutorial, acho que daqui mesmo, para personalizar o título dos gadgets. Daí, acima de já tem uma url de uma fonte do google/webfonts. Então, quando eu coloco, nada é alterado ._. Socorro!
ResponderExcluir-> dreams-in-vain.blogspot.com.br ( está em construção, não repara)
Beijos!
Fiz isso no meu blog coloquei no font-family abaixo do bg. Daí a fonte do titulo dos posts e do post por completo e da sidebar tbm mudaram!!!! Socorrr não era p/ muda a da postagem e da sidebar !!! HElPPP
ResponderExcluir@Bruniele É só retirar o código (:
ResponderExcluirPerfeito :k:
ResponderExcluirsuper legal este post, bem explicadinho :)
ResponderExcluiro meu no encontra o .post h3{
ResponderExcluircomo faço?
Era só um exemplo!
ExcluirVocê tem que encontrar os lugares que quer modificar as fontes do seu blog entendeu?
Passem no meu blog! http://dicasdecds.blogspot.com.br/
ResponderExcluirMuuuito bom!
ResponderExcluirameii o tutorial *-*
ResponderExcluirai, ai...vou tentar...
ResponderExcluirOi Jackie, eu fiz exatamente o que você explicou tudo perfeitamente, e não mudou nada :( e essa não é a primeira vez. Da uma olhadinha no meu blog, eu nem tirei o código!
ResponderExcluirhttp://wrosachoque.blogspot.com
Deu certo, obrigada *-*
ResponderExcluirwww.amoraoprimeirorimel.blogspot.com
Por favor, você pode me ajudar? Eu instalei, mas na postagem principal não consigo fazer aparecer, só quando clica no título dela na outra página aparece...porque será??
ResponderExcluirdá uma olhada, www.vivaverdevivabem.blogspot.com
obrigada bjo
segue esse tutorial aqui>>http://isjackiezzdream.blogspot.com.br/2012/08/personalizando-o-titulo-das-postagens.html
ExcluirOlá! Como vocês colocou a imagem de fundo somente no topo do blog?
ResponderExcluirEntão, usei um tutorial do Trechy teen que está fechado no momento.
ExcluirLogo que abrir mando aqui pra vc ;D