# Big tutorial: Fontes diferentes nos titulos das postagens

Olá leitoras ^^ Hoje vou ensinar vocês a colocarem fontes diferentes nos títulos dos posts, como aqui no Viih's Place. Eu dividi o tutorial em 3 partes, com certeza vocês vão conseguir fazer. Continue Lendo para ver o tutorial:

Tutorial

Parte 1

1. Primeiro escolha a fonte que você quer usar. Coloque ela na área de trabalho (Desktop).
2. Acesse o sIFR Generator clicando aqui. Clique no botão 'Escolher arquivo' e faça o upload da fonte que você colocou na área de trabalho. Quando o nome dela aparecer do lado do botão, clique em 'Next >>'.
3. No step 2 selecione 'sIFR r436':
4. Clique em 'Next >>'.
5. Agora selecione 'Letters, digits and common other characters (@!#$%^ etc)' (A opção do meio):
6. Clique em 'Next >>'.
7. Digite as palavras que você vê na imagem e clique em 'Next >>'.
8. Clique em 'Next >>'.
9. Agora clique em 'Download' e salve esse arquivo .swf na área de trabalho, porque você ainda vai precisar dele.
10. Clique com o botão direito nos links abaixo e escolha 'Salvar link como', salve eles na área de trabalho.
Download 1
Download 2
Download 3
Download 4

Parte 2

1. Entre no Webs clicando aqui. Preencha os campos da página inicial assim:
2. Agora clique em 'HTML - Olny Mode':
3. Escolha um endereço e digite o que você vê na imagem. Quando terminar, clique em 'Create my website'.
4. Clique em 'No thanks, continue'.
5. Pronto, agora você está no File Manager. Clique em 'Sigle file uploaded':
6. Faça o upload dos 5 arquivos desse tutorial, um por um.
7. Clique no nome do arquivo .swf. Copie o URL da página que abriu e cole no bloco de notas.
8. Agora procure pelo arquivo 'blogger-sifr.js' na lista dos arquivos. Clique no lápis dele:
9. Tecle Ctrl F e procure por:
http://username.hostwebs.com/fontname.swf
10. Substitua isso pelo URL que você colou no bloco de notas.

Se quiser mudar a fonte apenas dos títulos dos posts, apague tudo depois de //End of Post Title code. .
13. Agora vamos personalizar. Tecle Ctrl F e procure por:
css: ['.sIFR-root { color: #000000; font-size: 28px; font-weight: normal; }'
14. Você vai achar esse código:

css: ['.sIFR-root { color: #000000; font-size: 28px; font-weight: normal; }'
             ,'a { text-decoration: none; }'
             ,'a:link { color: #000000; }'
             ,'a:hover { color: #000000; }'
15. Agora substitua as partes em azul pelos códigos das cores que você quer, clique aqui para ver. Veja abaixo o que significa cada código:
{ color: #000000 - Link normal
'a:link { color: #000000 - Link depois de visitado
'a:hover { color: #000000 - Link quando o mouse passa por cima
16. Quando terminar de personalizar, clique no disquete:
17. Não feche o Webs!
Parte 3

1. No Blogger, vá em Design > Editar HTML.
2. Tecle Ctrl F e procure por:
</head>

3. Cole o código abaixo logo acima de </head>:

<link href='http://username.webs.com/sifr.css' media='all' rel='stylesheet' type='text/css'/>
<script src='http://username.webs.com/sifr.js' type='text/javascript'/>
<script src='http://username.webs.com/blogger-sifr.js' type='text/javascript'/>
4. E vá substituindo as partes em azul pelos URL's dos arquivos que estão no Webs.
5. Salve.

Pronto, seu blog já deve estar com a fonte dos títulos alterada. Espero ter ajudado vocês ^^

Créditos: ! ♥ Pink

Comentários

Desenvolvimento por Chassy Cher