Personalizando a Fonte do Título da Postagem


  Meu animo para postar voltou, estou super feliz, isso significa que o eJhonas.com voltará ao normal finalmente, né?! Estou criando algumas coisinhas já que dia 19 agora o blog fazerá 6 Meses na luta, procurando sempre trazer o melhor para todos vocês.. como eu estou com criatividade para postar, ideias, irei voltar á responder e visitar outros blog's, todos comentários serão retornados, aos poucos aqui chegaremos novamente á 1 Mil Visitas por dia novamente. Enfim, voltando á postagem, eu não conseguia de jeito nenhum fazer esse tutorial, eu aprendi ontem, acho ele perfeito, é claro, está sendo muito utilizado, não irei falar que ele é fácil pois não é, nem falarei que é difícil pois não é também, mais posso dizer que prestando atenção nas etapas que mostrarei aqui você conseguirá fazer de boa.. chega de papo, vamos ao trabalho..
Em primeiro lugar, você deverá ir no Google Fonts (www), procure uma fonte bonitinha, que você goste e que combine com o Layout que você irá colocar ela claramente.. quando achar, do lado dela, tem escrito "Quick-use", veja:
Quando clicado, você será redirecionado para uma página sobre aquela fonte, você deverá ir até "3. Add this code to your website", e clicar na aba "@import".
2ª Parte
Vá em Designer  Editar HTML  Expandir Modelo de Widgets  Ctrl + F (Procure por:)
]]></b:skin>
Logo acima desta tag, cole este código:
@font-face {src:
url('URL DA FONTE');font-family: NOME DA FONTE; }
Onde esta "URL DA FONTE" você deverá pegar o endereço da fonte em que você quer que apareça, onde está "@import" tem o endereço certinho e fácil para pegar, já onde está "NOME DA FONTE", você deverá colocar o nome da fonte que você pegou!

3ª Parte
Vá em Designer  Editar HTML  Expandir Modelo de Widgets  Ctrl + F (Procure por:)
<head>
Logo abaixo esta tag, cole o código que você pegou em "3. Add this code to your website:", na parte "Standard", e ao fim do código cole "</Link>". Ficará assim:
<link href='http://fonts.googleapis.com/css?family=Carrois+Gothic' rel='stylesheet' type='text/css'></Link>
4ª Parte (Última)
Vá em Designer  Editar HTML  Expandir Modelo de Widgets  Ctrl + F (Procure por:)
<Group description="Post Title" selector="h3.post-title a">
Neste código, você encontrará parecido com:
<Group description="Post Title" selector="h3.post-title a">
     <Variable name="post.title.font" description="Font" type="font"
         default="normal bold 20px 'Trebuchet MS',Trebuchet,sans-serif" value="normal bold 20px 'Trebuchet MS',Trebuchet,sans-serif"/>
     <Variable name="post.title.text.color" description="Text Color" type="color"
         default="#ffffff" value="#ffffff"/>
   </Group>
Você deverá substituir as partes que estão em negrito pelo nome da fonte que você quer que fique no título da postagem (Substituir as duas partes que estão em negrito). Já onde está sublinhado você simplesmente apaga!
Espero que vocês tenham entendido, creio eu que está bem explicadinho, QUALQUER dúvida basta dizer pelo comentário, sei como é ruim ficar sem entender um código como esse, necessário e que faz o Layout ficar show, enfim, consegui entender esse tutorial com o WHH!

2 comentários

Postar um comentário

© eJhonas - 2012. Todos os direitos reservados.
Design Jhonas Balsas.
Tecnologia do Blogger.
imagem-logo