Image Map

14.2.13

Como colocar fontes diferentes no título do Gadget e da Postagem

Fiquei muuuuuuuuito feliz com os comentários do post anterior! Muito obrigada gente, vocês são 1000!

Oi pessoal! Como vão? Antes gostaria de pedir desculpas por esse tempo sem postar. Eu estava sem ideias e no sábado bem cedinho estava saindo pra um acampamento da minha igreja. Fiquei doente e tudo, na verdade eu já tinha ido meia gripada.

 Mas em fim, uma leitora me pediu para ensinar como colocar fontes diferentes no título do gadget e do post, deixando a mesma do título do blog. Aprendi esse tutorial no blog Cherry Bomb, então todos os créditos a ele. Vamos aprender? Go!

Vá até: Meu computador> Windows> Fontes.
Logo depois disso, escolha a fonte que quiser, copie e depois cole em um lugar fácil.
Depois disso você deve entrar neste site, chamado Cufón, >>clique<< . Aparecerá o seguinte:
(clique na imagem para ver em tamanho maior)

Descendo um pouco mais a tela, você vai encontrar o seguinte, e deve marcar as opções abaixo:


Descendo mais um pouco a tela, marque o seguinte:

Irá baixar um arquivo. Vá até a pasta onde ele está e copie. Cole até numa pasta fácil de ser encontrada.
Agora vamos hospedar este arquivo. Se você tiver tumblr use este site de hospedar > clique < (Recomendo usa-lo, é bem mais prático, se você não tiver tumblr, crie uma conta se quiser). Mas se não quiser, pode usar o Google Drive. Eu particulamente, não sei mexer muito bem nele, porque não uso, mas se você souber... 
Em fim, carregue o arquivo em um desses sites, aparecerá um link, iremos usa-lo na instalação da fonte nos gadgets e posts. 

Vá até seu HTLM e procure por <head>. Depois de acha-lo cole acima dele:

 <script src="http://static.tumblr.com/y66747w/Bizly9fno/dropbox.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/y66747w/QKkly9fg0/cufon.js"></script>
<script type="text/javascript" src="Coloque aqui o link do arquivo que você hospedou"></script>
<script type="text/javascript"> Cufon.replace('Objeto 1');
</script>
Então, nessas partes destacadas, você fará o seguinte, onde tem "Coloque aqui o link do arquivo que você hospedou" Você vai colocar aquela fonte que hospedamos no Tumblr ou no Google Drive. No meu caso, foi esta aqui: 
http://static.tumblr.com/gtfancu/ABhmi88uj/call_me_maybe_400.font.js
Onde tem "Objeto 1" colocaremos o código responsável pelos gadgets, postagens ou onde mais você queira. 

Por exemplo: 

O código responsável pelos gadgets é:  .sidebar h2
O código responsável pela postagem é:  h3

No meu caso, o código ficaria assim:

<!--[if lt IE 9]>
<script src="http://static.tumblr.com/y66747w/Bizly9fno/dropbox.js"></script>
<!--![endif]-->
<script type="text/javascript" src="http://static.tumblr.com/y66747w/QKkly9fg0/cufon.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/gtfancu/ABhmi88uj/call_me_maybe_400.font.js"></script>
<script type="text/javascript"> Cufon.replace('h3') ('.sidebar h2');
</script>

Então se você quiser  uma fonte diferente, substitua o meu link "http://static.tumblr.com/gtfancu/ABhmi88uj/call_me_maybe_400.font.js" pelo seu. 

Prontinho, só visualizar! Beijos e espero que tenham  gostado!



2 comentários:

  1. Cara , Sinceramente ,
    você salvou a minha vida fazia anos que procurava este tutorial
    muito obrigada .

    http://h-piece.blogspot.com.br/

    ResponderExcluir