24/11/2012

Tutorial: Fonte diferente no blog

||


Hayooo!!! Trago mais um tutorial para vocês pessoal, desta vez e de como colocar fontes diferentes no título do blog. Esse tutorial precisa de um pouquinho mais de atenção para não errar, então sem muitas delongas vamos ao tutu.


Vá ate esse site: www

Quando abrir escolha a fonte que desejar, depois clique em "Quick Use".
Vá descendo a página até chegar em um quadro azul, onde vai aparecer o código, então você vai copiar o código que aparece dentro dele.



Agora vá em Editar HTML no seu blog, procure por <head> e cole o código copiado abaixo dele.
Para o código funcionar, antes de salvar adicione uma / antes do último >, exemplo:

<link href='http://fonts.googleapis.com/css?family=Paprika' rel='stylesheet' type='text/css'>
Após colocado o /:
<link href='http://fonts.googleapis.com/css?family=Paprika' rel='stylesheet' type='text/css'/>

Se no código da fonte aparecer &v2, apague . Como na fonte que escolhi, não tinha, precisei.
Se for usar a fonte no títulos da postagem procure por  h3.post-title a {

Mas abaixo vai aparecer isso:
font: $(post.title.font);
color: $(post.title.text.color);
Apague tudo e coloque esse no lugar:
font-family: Nome da fonte;
color: #código da cor;

Se for mudar a fonte do widget procure por h2 { 

Apague essa parte:
font: $(widget.title.font);
color: $(widget.title.text.color);

Depois faça o mesmo que expliquei anteriormente.

6 comentários:

  1. Respostas
    1. Não? Qual parte não consegui executar?

      Excluir
  2. o meu tambem não deu certo

    ResponderExcluir
    Respostas
    1. Colocou o / no finalzinho do código a onde indico?

      Excluir
  3. Não é por que , não é ''< head >'' e sim ''< /head >'' ??

    ResponderExcluir
    Respostas
    1. Desculpe não compreendi sua pergunta. Mas é no < head > no HTML possui dois head entre <> essa é a primeira fica bem no inicio do HTML.

      Excluir

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram