3 de novembro de 2012

Personalizar o título do Post!


Nesse tutorial vocês vão aprender á mudar a fonte do título da postagem do blog de vocês e á por uma linha  pontilhada embaixo do título.Espero que gostem!


Primeiro acesse este link : Google Web Fonts
Escolha uma fonte que você goste e :
Clique para ampliar





Clique em Quick Use,na página que abrir copie o seguinte código :





E cole embaixo de <head> no seu código html.

Ficará mais ou menos assim depois que pôr uma / antes de > :
<head> 
<link href='http://fonts.googleapis.com/css?family=Cherry+Swash' rel='stylesheet' type='text/css'/>
Obs: Se no código da sua fonte aparecer &v2 apague.
Visualize e veja se está tudo certo, salve.
Agora, procure h3.post-title a { 
Abaixo de h3...terá :
font: $(post.title.font); color: $(post.title.text.color);
Apague e, no lugar cole isso :
font-family: Cherry Swash;color: #FAAFD0;font-size: 20px;}
Para deixar uma linha pontilhada embaixo do título do post você vai :
http://kawaii-overdose.blogspot.com.br/2012/07/tutorial-personalize-o-titulo-de-sua.html
Em html marcar a caixinha editar modelos de widget e com f3 ou ctrl+f procurar :
  <div class='post-header'> 
Quando encontrar cole ACIMA : 
<div style="border-top: 1px dashed #------"></div>
 No lugar de ------ cole a cor da sua linha.Se precisar de uma tabela de cores use essa [www]
1 px : Significa a largura da linha.
Créditos deste último tutu á Toxic Cherries.

Nenhum comentário:

Postar um comentário