Tutorial - Fonte diferente no título do blog


Yoo ~

Hoje eu trouxe um tuto que precisa de um pouquinho de atenção pra não errar, mas dá pra fazer bem rapidinho . Vou ensianr a usar fontes diferentes no título.



- Vá até http://www.google.com/webfonts e clique em Start Choosing Fonts .

- Escolha a fonte que você quer usar e depois clique em "Quick Use".



- Desça a página até chegar em um quadro azul, onde você vai copiar o código que aparece dentro dele.




- Vá em Editar HTML no seu blog, procure por <head> e cole o código abaixo disso.
Para o código funcionar, adicione uma / antes do último > , por exemplo:

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

Passa a ser

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

Se no código da sua fonte aparecer &v2, apague . Como não foi o caso da fonte que usei, não precisa.


- Salve as mudanças. Agora precisamos aplicar.

- Se o uso da fonte for feito no título da postagem procure por h3.post-title a {

Abaixo disso vai aparecer:
font: $(post.title.font);
color: $(post.title.text.color);




  Apague e cole no lugar:


font-family: Nome da fonte que escolheu;
color: #código da cor que vai usar;

Como a fonte que usei foi a Parisienne, ficará assim:

font-family: Parisienne;
color: #f55fa9;


Se quiser mudar a fonte do widget procure por h2 { 
E apague:

font: $(widget.title.font);
color: $(widget.title.text.color);

Depois faça o mesmo que anteriormente.



 

Nenhum comentário:

Postar um comentário