Agora, clique em : "Use this font"
Copie então o primeiro código como mostra a imagem.
O código será assim:
<link href='http://fonts.googleapis.com/css?family=Astloch' rel='stylesheet' type='text/css'>
O que você precisa fazer agora é ir até o seu blog e abaixo de:
<head>
Colar o código. Agora coloque uma barra ao final do endereço, antes de >
Ficará assim:
O código original:
<link href='http://fonts.googleapis.com/css?family=Astloch' rel='stylesheet' type='text/css'>
O código com a barra:
<link href='http://fonts.googleapis.com/css?family=Astloch' rel='stylesheet' type='text/css'/>
ATENÇÃO: se isso não for feito o Blogger não aceitará o código.
Agora, volte na página e copie o segundo código:
O código ficará assim:
font-family: 'Astloch', arial, serif;
Agora vamos fazer com que o Blogger identifique onde ficarão as letras diferentes.
- Para que os títulos da sidebar fiquem com as letras diferentes:
Procure por:
.sidebar h2 {
Cole então o código abaixo dele
- Para que os títulos das postagens fiquem com as letras diferentes
Procure por:
.post h3 {
Cole então o código abaixo dele
Para que o título do blog
Procure por:
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}
E então substitua por este:
#header h1 {
font-family: 'UnifrakturMaguntia', arial, serif;
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
font-size: 50px;
letter-spacing:.2em;
}
- Para o texto do blog
Procure por:
.post {
E abaixo dele cole o código.
- Para aumentar o tamanho da fonte, cole o seguinte código:
font-size: 18px;
n funcionou :\
ResponderExcluirTente tirar o trecho &subset=latin
ExcluirVlw pela dica, funciona perfeitamente xD
ResponderExcluirOi! Muito Obrigada pela ajuda!! tava louca procurando .. funcionou corretamente ^^
ResponderExcluirVale pra quem usa o modelo atual do blogger?
ResponderExcluirEu devo ser uma anta quadrada pra caralho pq eu não concegui não d pra faser uma verssão pra quem é nub como eu não ? ++
ResponderExcluire como coloca no titulos dos gadgets?
ResponderExcluirExcelente tutorial, deu certinho! Valeu!
ResponderExcluirGente eu acabei de testar no meu blog de teste e deu super certo!
ResponderExcluirVl...Bjoos!
Funcionou perfeitamente cara, vlw
ResponderExcluirnao consigo achar os codigos correspondentes :(
ResponderExcluire para o menu ficar com a letra?
ResponderExcluirDeu certo não.
ResponderExcluir