Créditos ao blog Tutoriar ♥
Bom dia meus chicletes
Tudo bem com vocês? Espero que sim. Hoje vim trazer um tutorial que eu amo, e Sabe essa fonte do título dos posts daqui do blog? Poisé, ele
Quer saber como funciona? Então clica em Leia Mais!
Primeiro acesse o Google Web Fonts clicando aqui. Vai estar mais ou menos assim:
Se você quiser um tipo de fonte em especial, você pode filtrar a sua pesquisa assim:
Depois você escolhe a fonte que quer usar e clica em "Quick Use", assim:
Vai abrir uma página mais ou menos assim:
Aí você abaixa ela até aparecer um código tipo o da imagem abaixo.
Cole o código que você pegou acima de </head> e altere o final dele, que vai estar sendo
Código normal: <link href='http://fonts.googleapis.com/css?family=Lovers+Quarrel' rel='stylesheet' type='text/css'>
Código editado: <link href='http://fonts.googleapis.com/css?family=Lovers+Quarrel' rel='stylesheet' type='text/css'/>Melhor agora, né? Agora a sua fonte já está instalada. Volte á página do Google Web Fonts e copie o código CSS da fonte, que vai ser
Aí é só você colocar ele embaixo de:
font: $(body.font); <-------- Caso queira o código na fonte do texto do blog
font: $(widget.title.font); <-------- Caso queira a fonte nos títulos dos gadgets
h3.post-title a { <--------- Caso queira a fonte nos títulos das postagens
Fácil, né? Eu super recomendo esse tutorial!
Lindas e lindos, alguns leitores foram tentar o tutorial e acabou dando erro, por isso aqui estou eu pra explicar, ok? Vou explicar o código da fonte personalizada no título dos posts.
Esse print é de antes de eu editar:
Vai aparecer um código
font: normal 65px "NOMEDAFONTE", mododafonte;Você pode mudar o normal por bold, underline ou italic, mas eu recomendo como normal mesmo. Pode mudar, diminuindo ou
Vai ser igual a esse código selecionado da foto, só que vai ter o nome da fonte que você escolheu. Ah, e ainda naquela parte do HTML, você pode mudar essa coisinha:
E o meu resultado foi esse:
Espero que consigam!
É isso. Beijinhos com glitter :*
Tentei fazer o tutorial, mas não deu certo :(
ResponderExcluirAdorei o tuto!
Beijinhos!
Poxa, vou ver aqui se tem algo que eu possa fazer pra ajudar, ok?
ExcluirBom que gostou, Ali!
Eu também fiz o tutorial, mais nao fiincionou no título do post, continua com a mesma fonte..não sei pq..será que é por caousa dos marcadores, comentários e o autor abaixo do titulo do post?? Me ajude pf :)
Excluirhttp://loucapordocesoficial.blogspot.com.br/
Oi flor! Você usou o tutorial nesse mesmo link que me mandou? Se sim, é porque na hora de instalar você colocou:
Excluir"font-family: 'Playball', cursive;
font: normal bold 20px Vollkorn;
Tem que trocar isso por:
font: bold 20px "Playball", cursive;
Espero que consiga :3
Obrigada, vou tentar :*
ExcluirFuncionou, obrigada mesmo :)
ExcluirPs: adoro seu blog *-*
Beijos Missy
Ooown, que bom flor! Fico feliz que tenha conseguido *3*
ExcluirE muito obrigada, viu? Ler um recadinho desses me deixa super feliz <3
AAAAAAAAAAA Não acredito, estava querendo um tutorial assim para o novo layout do Acesso Permitido em Agosto, principalmente por que Agosto é um mês muito especial para mim, mas não consegui, não entendi o por que! Fiz tudo direitinho, seu tutorial tá bem fácil de entender!! mimimi!!
ResponderExcluirAcesso Permitido.
Poxa, porque será que tá dando problema? Como eu disse pra Ali, vou tentar fazer em um blog de testes e ver o que que eu errei, ok?
ExcluirAdorei o tutorial paulinha! <3
ResponderExcluirAcho que ficou bem legal o post!
Tem post novo no GA,dá uma conferida,te espero lá viu?
Beijinhos :*
http://garota-amargurada.blogspot.com
Bom que gostou, Leh!
ExcluirAaah, que bom ^^
adorei, ótimo tutorial!
ResponderExcluirbeijos
worldofgirls-oficial.blogspot.com visite tb umafuturaskatista.blogspot.com
Bom que gostou, Keth! Beijinhos :*
Excluiradoreiiii,ameiii o tutorial,super, bjs,umdoceolharrosa.blogspot.com.br
ResponderExcluirAmei o tuto, deixa o blog bem mais bonito.
ResponderExcluirKisses =3 '
http://garotasatrevidas-s2.blogspot.com.br/
Bom que gostou, Mille :3
ExcluirDificil haha.
ResponderExcluirMas estou bem com minha fonte :)
Beijo, Lili --->
Princesa Imperfeita
Nãaao, que isso, só ficou grande porque tem várias imagens *---*
ExcluirAdorei! Vou tentar colocar,mas na parte de "head" cola em cima,abaixo,após,antes...?
ResponderExcluirNanda <3
delicatepinkties.blogspot.com
Acima ^^
ExcluirPode deixar que eu vou atualizar ali, ok?
De vez em quando eu vejo esse tutorial e quando preciso acabo perdendo e não lembro onde achei acredita? :B Mas impossível não esquecer, já que foi postado no PC <3
ResponderExcluirVou ver se uso a fonte do Google Web Fontes no próximo layout do blog. (:
Um beijo, Anna.
http://www.world-cutest.blogspot.com.br/
Ooown, que bom fofa!
ExcluirOkok :3
Gostei do tutorial,eles são bem uteis!
ResponderExcluirBjs
www.jujuba-amp.blogspot.com
Bom que gostou, flor :3
ExcluirUso muito esse tuto, acho mega essencial para um layout ^^
ResponderExcluirBeeeeijos
#Nhaaac >>>http://the-lovers-official.blogspot.com/
Eu também!
ExcluirMuito bom o tutorial *-* http://confissoesdeumablogueira.blogspot.com.br/
ResponderExcluirBom que gostou, flor!
Excluirgostei do tuto, mas nunca na minha vida irei tentar, ta louca! eu enlouqueço hahhaa
ResponderExcluirVou paticipar do sorteio :) é tah bem atrasada minha comemoração, haha e q tal o texto?
bj
lamourmonage.blogspot.com
Bom que gostou! Aaah, que pena ><
ExcluirOkok :3
adorei o tuto flor '
ResponderExcluirse gostar, segue ? Obrigada.
Beeijos ;*
http://itsblond.blogspot.com.br/
Bom que gostou, flor!
Excluiraaa agr siim eu entendii, eu ja tentei esse tutorial varias vezes e nunk da certo, vou fazer no blog de testes se der certovou usar no meu lay free
ResponderExcluirbjoos
http://mundoodasblogueiras.blogspot.com/
Aaah, que bom flor! Tomara que dê certo ;)
ExcluirBeijinhos!
Essas fontes diferentes dão um visual bem diferente msm no blog. Amei o tuto!
ResponderExcluirBjs, Stardolleiras
Não consegui... Eu não achei o texto onde era para colocar como o titulo do post e nem do gadget, só como texto do blog... :(
ResponderExcluirMas depende, qual o modelo do blogger você usa. Eu uso o Travel, e usei ele pra esse tutorial
ExcluirAah! Obrigada :3 Eu não consigo e nem faço ideia (sempre tentei) como mexer no modelo travel. Tem como você descobrir ou reblogar e postar aqui no Piink Cookie? :)
ExcluirEu não consigo e nem faço ideia de como mexe no modelo Travel. Claro que eu já tentei, mas não consigo. Tem como você descobrir Txia? HAHA ><
ExcluirAaah, ok, mas qual o modelo que você usa?
ExcluirNHAAAAAA <3 TINHA O Winter Is Coming <3
ResponderExcluirAAwn, Nossa cara.. Muito obrigada por esse tutorial.. Ajudou muito, O outro eu fiz vendo o do Kawaii World Mas eu não conseguia mudar o tamanho ._.
ResponderExcluirFoi complicado tirar a antiga fonte porque eu sou burra -q- Mas deu certo
Muito obrigada pelo tutorial, eu geralmente não comento por estar com pressa, mas fiquei muito feliz de ter conseguido ♥
Se puder visitar ( ou conhecer o Jogo )
tudosobreamordoce.blogspot.com.br
Aaaawn, que bom que conseguiu então flor *u* Disponha ><
ExcluirAaah, okok, vou ir lá visitar :3 Eu me interesso muito por esse jogo, mas nunca acho um blog que explique o que é e como é TT^TT
Meuu Deus :3,estou fazendo um layout procurava outros blog com esse tuto e nunca dava certo..finalmente achei,colocarei os créditos no novo layout do meu blog,já tava com dor de cabeça pois eu não consegui,e achei aqui ! u3u'
ResponderExcluirConsegui \õ Aleluia , aleluia ♪♪ Obrigada deu certo de primeira !
ResponderExcluirBeijos :)
Cinderela Sqñ - Perfil
Fiz tudo certinho, mas não consegui mudar a cor do título =(
ResponderExcluirPor algum motivo, meu título ficou sublinhado ): Já fiz tudo que é possível e ele continua assim. Dá uma olhada, pequenaleitora.com
ResponderExcluirMy amoooooooor , conseguii ♥
ResponderExcluirTe amo rs'
Sempre quis , já entrei em uns 20 milhoes de blogs , eu tentava e nãao conseguia !
Irei colocar creditos :)
no caso eu queria saber como muda o t´tulo do layout,pode me explicar??
ResponderExcluir