Tutoriais

Aplicar fontes diferentes no Blog [Maneira fácil]

12:16

Olá meninas, hoje a postagem será um pouquinho diferente da rotina daqui pois geralmente não costumo postar tutoriais, mas como a blogsfera está bem parada ou muitos se fecharam com blogs de goodies, resolvi atualizar mais o marcador "tutoriais".

Já que sempre vimos esse tuto se usar fonte diferente no blog e a maioria são suuper complicados e requer paciência e as vezes é de dar dor de cabeça, se você é a Estefani aqui aushuahs a sem paciência com tutos enormes, esse será perfeito para você. E devo agradecer ao blog da Elaine Gaspareto que disponibilizou e cá estou para compartilhar com vocês. Vamos lá:


Bom, aqui você poderá usar as fontes que quiser e recomendo que vá até esse site (clique aqui) pois todas as fontes estão disponíveis para o HTML. Mas evite exagerar, pode pesar seu blog e isso é o que não queremos. É essencial você já abrir seu bloco de notas para anotar TODAS as fontes que está sendo usada, se não irá virar uma desorganização geral aushaus.

Comece acessando "Modelo" e em seguida clique em "Editar HTML". Dê um clique sobre qualquer parte da caixa de html, aperte Ctrl+F, assim que abrir a barrinha de pesquisa, procure por: <head>
Achou? Agora abaixo dela cole:

<link href='http://fonts.googleapis.com/css?family=NOME DA FONTE' rel='stylesheet' type='text/css'/>

E repita o código, um abaixo do outros de acordo com a quantidade de fontes que você irá utilizar e é só substituir "NOME DA FONTE" pelo nome da fonte escolhida, lembrando que se tiver mais de uma palavra em uma fonte no lugar de apertar a tecla "espaço" coloque um sinal de "+" Assim:
Grand Hotel, para Grand+Hotel. Ou seja, sem espaços entre as palavras, substitua por +.
Salve e agora vamos aos próximos passos que é adicionar as fontes, isso você apenas instalou no blogger.

Fonte do título da Postagem
Agora, supondo que você quer uma fonte diferente no título da postagem. No HTML pesquise por:


 font: $(post.title.font);

E dê enter para localiza-lo, se achou apague e substitua por:


font: 35px 'Nome da fonte';

Onde está escrito nome da fonte, coloque o nome da fonte que você escolheu e tinha colocado nos primeiros passos e podem ver que tem o tamanho de "35px" se quiser altere, será o tamanho da fonte.
Obs.: Se vocês achar o código  font: $(post.title.font); em mais de um lugar, altere todos, eles precisam estarem iguais.

Fonte diferente no título da sidebar
É o mesmo processo:
Digite este código na caixa de busca do HTML:

font: $(widget.title.font);

E substitua por esse:

font: 25px 'Nome da fonte';

Mesmo processo, substitua "nome da fonte" pelo nome da fonte que será adicionada ao gadget. Salve e pronto!

E esse foi o tuto de hoje, eu achei bem fácil em comparação de alguns que estava vendo. Espero que funcione e qualquer dúvida deixe nos comentários, irei tentar ajudar ou alguma sugestão, crítica ou dúvida entre em contato por email que está na barra lateral. Beijossss.


Veja também:

7 comentários

  1. Já sabia dessa maneira, realmente bem fácil. By 。◕w◕。 Hi Tokki 。◕w◕。

    ResponderExcluir
  2. Oi c:
    Essa maneira é bem fácil mesmo, apesar de eu já saber colocar é sempre bom rever tutoriais assim e-e
    Beijos!

    ||Crazy Cake ||

    ResponderExcluir
    Respostas
    1. É bem fácil sim, eu ficava totalmente sem paciência na hora de colocar alguma com outros tutoriais.

      Excluir
  3. Oi, se vc puder segue meu blog :http://geek-nerd-gamer.blogspot.com.br/ Thank you!!

    ResponderExcluir
  4. Realmente essa é a maneira mais fácil >.<

    ~kiss

    Demonic Rabbit :3

    ResponderExcluir