1 2 3

Tutorial - Mudar a Fonte do Título dos Posts e Gadgets

Imagem: Kawaii World 

Oi genteney! Eu sempre pego imagens do Kawaii World porque sim. Enfim, hoje eu vou fazer um tutorial muito útil pra quando as pessoas querem fazer um layout decente para o blog: como mudar a fonte do título dos posts e gadgets. É um tutorial muuito simples e eu espero que vocês gostem.
Chega de enrolar e vamos para o tutorial!
Okay, para mudar a fonte, primeiro você terá que acessar o Google Fonts (aqui). Eu vou usar a Roboto Condensed, mas isso fica a seu critério.

Depois de escolher uma fonte, clique em quick-use (o botão que fica lá em baixo, é o segundo).

Mais para baixo, você vai encontrar um código como esse:

Copie-o.

Agora, vá no HTML de seu blog, pressione CTRL + F e pesquise por <head> e cole o código embaixo. Mas para o código funcionar, temos que adicionar uma... não sei como chama (é isso: /).

Seu código ficará assim:
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'/>
Se tiver um &v2 depois do nome de sua fonte, apague-o.
Mas calma, ainda não está pronto! Vamos aplicar a fonte.

Para o título dos posts:

Pesquise por h3.post-title a {
Você encontrará isso:
font: $(post.title.font); 
color: $(post.title.text.color);
Apague e substitua por isso:
font-family: Roboto Condensed; /*Nome da fonte*/
font-size: 20px; /*Tamanho da fonte*/
color: #7CFC00; /*Cor da fonte*/
Modifique e pronto!

Para o título dos gadgets:

Procure por h2 { e você encontrará isso:
font: $(widget.title.font); 
color: $(widget.title.text.color);
Apague e substitua pelo mesmo código que foi dado para o título dos posts.

O código das cores você pode pegar de uma tabela (aqui) ou usar o PhotoFiltre Studio X, que te mostra os códigos.

Espero que tenham gostado, até o próximo post! (Leiam com voz de locutor da rádio).

Gabi xx

Nenhum comentário:

Postar um comentário

Vai comentar? Que bom, isso me deixa feliz ^^ Apenas saiba de umas coisinhas:

- Apenas críticas construtivas, por favor.
- Deixe o url do seu blog (se tiver) para retribuirmos a visita.
- "Seguindo, segue de volta?" Sim, mas avisem.

Os comentários são moderados, estou de olho em vocês u-u