24/11/2012

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. 



1] 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:

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

Após colocado o :

Códigos
<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:


Códigos
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:

Códigos

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

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345