25 de jan. de 2012

Colocando fonte diferente no blog

Tumblr_lnjbymqk6i1qckospo1_500_large

Oi, meus loves. Desculpa por estar postando um dia sim e outro não, é que eu estou muito ocupada com a escola que já começou e eu preciso ir bem esse ano. 
Mas hoje, eu trouxe um tutorial que algumas pessoas me pediram. Sabe essa fonte diferente que eu uso no título dos posts? Você pode procurar e procurar, mas não vai achar nas fontes que o Blogger disponibiliza. Por isso, vim ensinar vocês a fazer isso hoje. Créditos ao blog Extras For You, pois foi lá que eu aprendi a fazer isso. 



Primeiro, entre nesse site. Escolha uma fonte de seu agrado. É só clicar em Quick-use depois. Veja na imagem:


Logo depois, abrirá outra página. Espere. Desça um pouco nessa página que carregou e você encontrará algo escrito assim: "3. Add this code to your website". Dentro disso, estará um código que você terá que copiar.


Cole ele acima de <head> no seu HTML. Logo depois de ter colado o código, cole após ele </link>,  para fechar. 


Primeira parte feita. Depois, dê Ctrl + F e procure por: 
<Variable name="post.title.font" description="Font" type="font"
Abaixo, terá algumas informações sobre a fonte usada no título do post.  Mas antes, vá no site da Google Web Fonts e selecione uma parte de um código pra colocar no HTML.


Copiando apenas a parte em destaque, cole no lugar da fonte que você estava usando. Por exemplo:


Onde você vai substituir, tinha o nome da fonte antiga usada no título dos posts. Depois, vai ter o nome da fonte personalizada. Visualize e veja se deu tudo certo. Se sim, salve o modelo. Se não, tente fazer o tutorial novamente. Dúvidas? Perguntem. Espero que tenham gostado. Tuto comprido hoje, hahah. Beijos!

82 comentários:

vivi_smiler disse...

AAAAAAAAAA minha demi liinda ♥
adorei o tuto *-* acho que vou usar no meu proximo lay hahah' beiijos
Kiara :P

Kiara-littlesweet.blogspot.com

Julia disse...

Nossa, você leu meu pensamento! Estava justamente procurando esse tutorial divo *-*

exclusivoparagarotas.tk

Maria Luiza N. disse...

Amei o tutorial, sempre tive curiosidade em saber como mudava a fonte.
Sobre seu comentário, eu também não faço idéia de onde tiraram o nome Bruno. O que é que Peter Gene tem a ver com Bruno?

Beijos, Mallü.
http://thelovekingdom.blogspot.com

Milláh disse...

vou tentar fazer o tuto =)
e nossa as suas aulas já começaram, as minhas só dia 27 de Fevereiro rs'
bjs
Twitter | Blog

Maaria Eduarda Andraade disse...

Lindo o tutorial!
Amei assim que puder farei.

Beijos, duda ♥
Já aceitou o convite flor ?
www.blogapenasmenina.blogspot.com

Se sim, colocarei como administradora agora mesmo.

dribs disse...

Gostei! Mas faço de outra maneira :3
PinkPimenta.blogspot.com

Ingrid Sakamoto dos Santos disse...

Nossa não sabia desse tutorial, é super facil ! Concerteza me ajudou muito, eu enjoei das fontes do blogger, haha. Vou colocar uma que eu achei linda , beijos.

Retribui ?

http://www.ingridsakamotodossantos.blogspot.com/

Anônimo disse...

Adoreeeei, Dani (:

Juliana Pardim disse...

Oi Dani! Eu adorei o tutorial! Eu vi, que os afiliados são apenas para blogs convidados, mas eu não resisti, seu blog e mt perfeito e eu acesso todos os dias. Por Favor, aceita afiliação? Beijos.

www.cherrypiink.com

Vitória Recchia disse...

Eu não consegui fazer florzinha,eu tentei 3 vezes e disse que falta isso e aquilo....

se puder me ajudar,vitoriamaria31@hotmail.com

bjbj,vick.
douceelamour.blogspot.com

Paula disse...

Muito bom o tutorial, vou usar! haha
Beijinhos, sweetmakeups2.blogspot.com

Louise disse...

adorei o tutorial, pena que não consigui botar no meu blog :(

http://candysforyou.blogspot.com/

Larissa disse...

Adoreeeei esse Tuto Dani! Vou tentar fazer ele um dia desses,haha
Adorei mesmo. Bjonas!

http://girlsrepublic-s2.blogspot.com/

Maria Fernanda disse...

Ooie Danii..Está rolando um concurso no meu blog e gostaria que você participasse:

http://www.amodaemalta.blogspot.com/2012/01/concurso-best-of-best.html

Bjoo Bjoo

Barbara disse...

*o* nao sabia mudar a fonte do blog desse jeito.. que máximo!
no proximo lay vou usar esse tuto!

Bjs
http://blogportalteen.blogspot.com

Fabio Correa Imoveis disse...

Amei o tutorial :D estava atrás dele alguns meses atrás...

Novo post,confere?

www.blogmeianoite.com

TRodrigues disse...

Nossa que show vou com certeza escolher uma fonte diferente pro meu blog
http://perfeitinha-blog.blogspot.com/

Hannah Mariah disse...

Ah, quando eu fui clicar no site, fui redirecionada para o blog ))):
Queria tanto saber como fazer isso.

Beijos e Beijos,

http://teenagesky.blogspot.com

Camila Z. disse...

Heey,
Seu blog ta LINDO, eu amo e tb ja sigo *-*
Pode por favor votar em mim em http://conspirantes.blogspot.com ?
Beijoos e obrigada.

Anônimo disse...

amei!!
segue e visita meu blog?
http://allaboutswag-blog.blogspot.com/

Marcinha disse...

Oi migas, muito útil mesmo <3
Se não for incômodo, vota no the diary of teens nesse blog? http://conspirantes.blogspot.com divulgo no blog o link de quem votar.
Se puder agradeço.
Beijos

Ana Clara disse...

Amoor! Eu falei que foi você no post volta às aulas! Olha lá! ;)

Maaria Eduarda Andraade disse...

Flor, aqui consta que você
Já aceitou. Mais vou te enviar outro
Ok? Um Beijo.
Se quiser pode colocar hoje mesmo.
Estou bem anciosa.
Beijos, duda ♥
www.blogapenasmenina.blogspot.com

Maaria Eduarda Andraade disse...

Claro que eu posso.

Anônimo disse...

Oi, não estou mais fazendo parcerias.

http://umblogdivertido-oficial.blogspot.com/2012/01/sem-parceiras.html

Anônimo disse...

Fofa, fofa, fofa! Ameeeeeeeeeeeeeeei, Dani! Você é ótima, flor. Sempre quis ter um Lay seu. HAHA. Obrigada, li todas as regras, e vou cumpri-las, com certeza. Quanto a eu te adicionar como administradora do blog, eu prefiro te dar a minha senha, confio em você. Vou te mandar pelo seu email, viu?

Beijos e obrigada, linda. Paloma Morais.

momamoraes.blogspot.com

Anna Carollyne Oliveira disse...

Eu sei fazer isto de uma maneira mais fácil, aprendi com a Mandy do Looking Crazy :)

Beijos Dani *-*

http://www.world-cutest.blogspot.com

Loola disse...

Sempre quis saber como mudar a fonte, ajudou muito..
beijos,
lorranne17.blogspot.com

Anônimo disse...

Muito util esse tutorial <3
Ameeeeeeeeeeeei seu blog,sério, é tão lindo *-* Sucesso diva.
http://senhoritaliberdade.blogspot.com

LALA disse...

Eu ameei esse tema meio Miley Cyrus , eu sou mega fã dela , e tbm ja estou seguindo aqui ok ?
Se puder segue de volta meu blog ?

http://tolerancia-teen.blogspot.com/

Beijoos =)

Anônimo disse...

Dani ninda ;3 Mandei um email para o OTF ENCOMENDAS, ahahahhaaahahahahhaahahahahahah. E eu sei um jeito mais facil de fazer isso, KKKKKKKKKKKKK achei no hey darling


http://saladadefrutasbr.blogspot.com

Rafaela disse...

Obrigada! Faz muito tempo que procuro esse tutorial!

s2imagine.blogspot.com

Anônimo disse...

Que máximoooooo!! Adorei haha!!

Bjs,
http://bnascimentooo.blogspot.com

Alessandra disse...

Demi diva *u*
OMG! Mentira que as suas aulas já começaram O.o As minhas só começam no dia 06, eu simplesmente estou louca pra chegar *-*
Vou fazer pro meu próximo lay, estou até favoritando, esse tuto salvou a minha vida!
Beijão :3
http://chica-de-cristal.blogspot.com/

Dalva Caroline disse...

Demi diva o/ Tuto ótimo,bem explicadinho e bem fácil, adoro aqui ^^
Dani, vc poderia participar de puder do concurso no meu blog? Seria tipo assim.. uma HONRA te ter como participante *-* Sério gosto mt daqui ^^ Mas só participe se puder! O seu blog está cada vez mais lindo, vc merece todo o carinho que recebe aqui^^ O on the fame está ficando cada vez mais famoso ein? ´Parabéns! Espero que um dia chegue a ter 20 comentários diários como vc rsrs Te admiro muito linda, um beijão!
http://sweettime-blog.blogspot.com/

Fernanda Zucolotto disse...

Sempre procurei uma maneira de fazer isso e finalmente achei! Obrigada Dani, assim nos poupa de fazer imagens coisa e tal para os títulos de gadget também né?!
Obrigada linda <3
Aqui, Dani, fiquei muito muito triste que você vai postar um dia sim, um dia não, também acrescentei essa novidade lá no blog. Bem chato né? Mas são os estudos e para eu continuar sendo a nerd da classe, tenho que me esforçar!
Bjs, Fernanda.
http://meianoiteequinze.blogspot.com

David Costa disse...

super uitil esse tuto, vou precisar usar, pq tem cada fonte feia no blogger rsrs !

tem post novo, comenta?

http://garotoonerd.blogspot.com

Brenda Kwon 브렌 disse...

Muuuito bom o Tuto, eu adorei !
Gostariia de ter Parceiria, VOCÊ aceiita ??

Beijokaaas com káah,

http://brendinhasilvabrito.blogspot.com

Beatriz Andrade disse...

Procurei em tudo quando é lugar no Google e nunca achava! Preciso lhe contar Dani: Seus tutoriais são poderosos e originais! Está de parabéns.

Beijos,
http://paraisodemenina.blogspot.com/

World Girl-Oficial disse...

Adorei o tuto flor, *-*

Rawar-->> World Girl
http://ianapaulinhaaaa.blogspot.com/

Absolute Dream disse...

Oi, você gostaria de ser destaque no meu blog por 1 mês ?
Sabe fazer web série/web novela ?
Faria uma para eu colocar no meu blog, e claro com os devidos créditos... eu explicaria tbm o pq e etc...
Me adicione no msn p. conversármos sobre isso. mini-fofoquinhas@hotmail.com
Muito obrigada pela atenção.
Novidades e Notícias
Facebook

Camilla ♥ disse...

Parabéns pelo tutorial, gata!

Hey, vota em mim aqui? http://bquadrada.tk A enquete está do lado direito, vote em Sugar-Dance!

Bjonas e fique com Deus <3

Camilla Martins - sugar-dance.org

Rafaela disse...

Oi, é a Rafaela do blog Imagine (de novo). Você aceita parceria?? Se aceitar ou recusar fale pela c-box ou por um comentario no meu blog. Bjus.

www.s2imagine.blogspot.com

Anônimo disse...

Oi,Dani é o Luan eu admito que copiei algumas coisas do seu post de dicas mais eu não cipoei o duelo não e o post que eu fiz sobre dicas vou mudar só pesso que não denuncie!

Carol Oliveira disse...

Minha escola começa essa quarta-feira, e já estou a mil também. Quando as aulas voltarem, vai ser mesmo difícil arrumar um tempo pra tudo, já que eu tenho escola e uns cursos a tarde também :/

Adorei o tutorial, eu sempre quis saber como você coloca essas fontes divas no título HAUEHUAEHUEAHA :P
Favoritei a página aqui pra usar quando eu precisar.

Ah, e já coloquei o OTF nas parcerias ok? Ta nessa página aqui: http://muggle-world.blogspot.com/p/parcerias.html
Coloca o Muggle World também quando puder. Beijo :)

muggle-world.blogspot.com

TRodrigues disse...

amiga que tutorial divo adorei
http://perfeitinha-blog.blogspot.com/

dribs disse...

Tutorial Perfeito Dani! Parabéns amor.
Http://PinkPimenta.blogspot.com

Júlia Bottoni disse...

Oi adorei o seu blog!
Já estou seguindo!
Segue de volta?
www.juliabottoni.blogspot.com
www.diarioteen4.blogspot.com e
www.luisa-bottoni.blogspot.com

Anônimo disse...

Linda,aceita parceria e afiliação?
bjuh amo seu blog

www.yesteens2.blogspot.com

Anônimo disse...

Parabéns! Você passou para a 2ªetapa do concurso Batalha de Blogs, as votações começaram lá no Saladadefrutasbr, Porque não começa a votar, divulgar pra vencer? Boa sorte!


http://saladadefrutasbr.blogspot.com

Camilla ♥ disse...

Oie Danielle!

Tem post novinho no meu blog! Vai lá conferir *-*

Hey, vota em mim no blog http://abostaquadrada.blogspot.com por favor? (Eu sei, o nome do blog é engraçado mesmo, haha!) A enquete está na barra direita, logo no topo. Vote em Sugar-Dance.

Bjonas e fique com Deus <3

Anônimo disse...

eeei Dani!! Quero falar com você, tem email?

Beijos,
@SendooDiferente
http://sendodiferente.blogspot.com
Tem um sorteio rolando no blog! Participa?? Ficarei muito feliz com sua participação, afinal imagina você ser sorteada!

Bia disse...

Amei o post,super legal!ah,ta rolando uma brincadeira la no blog valendo divulgação por 3 dias,corre!bj babado!

http://tutoriar.tk

Juliana {Antes de Mudar} disse...

Ótimo tutorial Dani! Como sempre, arrasou! Aliás, o seu blog é perfeito! Não e canso de elogiar não só o On The Fame, mas você! Está sempre buscando um tutorial legal e original pra nós. Parabéns =D

Kisses, Jú!

sweet-or-rock.blogspot.com

Caroline Ramos disse...

Adorei o blog, Um dos melhores que eu já vi. E o mais legal: Foi criado no dia do meu niver! *-* Com certeza volto aqui! s2
deliriosdeestilo.blogspot.com

Thábata Bauer disse...

É a primeira vez que visito o blog e me apaixonei de cara! Ótimo tutorial! Tenho um blog em fase de crescimento, se puder visitar ficarei muito agradecida. Beijos!

www.thingsofadreamer.blogspot.com

Bia disse...

Post novo la no flor!
http://tutoriar-oficial.blogspot.com/
JA comentei aqui :D

dribs disse...

Quando tem post novo? *-*


Ah, no meu tem:
Http://PinkPimenta.blogspot.com
E lay novo tb. rsrs

Marcinha disse...

Oi flor, a votação do concurso começou e vc tá na segunda fase, lá no blog vc não tem nenhum votinho ainda, então comece a divulgar!
Beijos
TDiaryofteens.blogspot.com

Anônimo disse...

Dni posso mudar o lay,eu sei que eu jurei ficar com ele por 2 semanas mais eu já quero mudar,voce deixa?
www.fofocasda-web.blogspot.com

Ana. disse...

Já sabia desse tuto, mas sempre quando eu vou tentar dá algum erro e compromete todo o meu template. x:

Estou visitando aqui pela primeira vez e estou adorando!

Beijos,
http://blogtruegirl.blogspot.com/

Caroline Rodrigues disse...

Minhas aulas estão quase começando também, dia 6. Finalmente -q

Aaah, que tuto maneeiro, eu botei uma sei lá, que eu achei legal no meu reino. É, tem layout novo manolaa, confere? .-.

Beijo Caramelado.
thefashionwonderland.tk

Anônimo disse...

Oii !
Só to passando pra avisar que o blog cupcakegirl! mudou de endereço e de nome! Atualiza ai! (:

xoxo :*

www.welcomejuly.blogspot.com

Bella disse...

Oi baby, bom não posso fazer nesse estilo, por que mesmo não sendo é um poquito de plágio :\. Mais eu vou fazer um template pra você ;)muito lindo maravilhoso.

Unknown disse...

Ameei seu blog, visita o meu e segue se gosta que faço o msm ! Bjão Haayb.

Anônimo disse...

Tutorial e blog maravilhoso como sempre amor!!

beijo
thingsiloveg.blogspot.com

Giovana K. disse...

Gente, seu blog tá lindo! Ameeeei, sério mesmo! Seguindo, segue de volta?
http://www.livrolevsolto.blogspot.com

C.Krugel disse...

oi floor,bem útil o tutorial mais acho que as fontes q escolhi sao boas,acho!tem um concurso novo la no meu blog,é o concurso cultural blogar é bom,se puder participar eu agradeceria muito mesmo,pode ser?conto com vc.beijos.
blogmeaningless.blogspot.com

Anônimo disse...

Fooooofa, nao canso de dizer que amei o lay. Pode deixar que eu sigo todas as regras, viu? Dani, não sei se vai ser incomodo, mas posta fontes pra gente? Hahahah

Beijos e beijos, Paloma M.
Momamoraes.blogspot.com

Bella disse...

"Minha faze é assim: Eu não escolhi o rock, ele que me escolheu". Para você ter uma ideia, eu vou pra escola assim: All Star de couro preto, calça preta, camiseta pink com aquela boca de linguinha kk, deliniador preto, sombra pink, batom pink, cabelo solto de chapinha, unha preta cromada e... Nossa sou mais ou menos sweet rock!, desculpa aie desabafei ¬¬', rsrs resumindo... Vou fazer seu lay *-* extras-for-you.blogspot.com
extrasforyou.tk

TRodrigues disse...

amiga não consegui sei la fiz tudo certinho mas sempre da erro no html

perfeitinha-blog.blogspot.com

Nicolly Ferreira disse...

Oi Num consegui fazer Faz para mim

TRodrigues disse...

amiga poem pra mim a fonte ? O google me odeia rsrs so pode

perfeitinha-blog.blogspot.com

TRodrigues disse...

Amiga descobri o problema, o primeiro codigo tem que ser colocado abaixo da tag head, e não em cima, pois se não erro no HTML .

perfeitinha-blog.blogspot.com

Vana Tavares disse...

amei o tutorial ajudou muito,tank you :) http://damadevestidoazul.blogspot.com/

Meninas da Liberdade disse...

Ameeeei o tutorial, no meu próximo Layout vou usar. ^^

Talita,
Blog / Twitter

Bruna disse...

Amei seu blog , e a dica tambem

Passa la no eu blog http://forgirls09.blogspot.com.br/

Isabelly disse...

Seu blog é lindo demais !

http://girls-pretty05.blogspot.com

E ja add minha fonte preferida

Vitória Cristalino disse...

Adorei o post,me ajudou muito ! pois eu estava procurando essa tuto ja faz bastante tempo !

http://myfantasyofficial.blogspot.com.br/

Lais Raquel disse...

Primeira vez aqui,gostei muito desse tuto eu to utilizando a maioria dos seus tutoriais para fazer o meu novo layout:)
BEIJOS FOFA♥

http://girlycute.blogspot.com.br

Luana disse...

Nossa, muito mais fácil fazer assim . haha, obrigada, me ajudou demais !

Mury disse...

Não consegui entender a 2º parte, mas pelo menos tentei ;D