.png)
Yo loves!
Eu não pude entrar antes, porque meu pai ficou sem o pc dele e pegou o meu para terminar um trabalho, ai já viu, ele ficou aqui desde ás 19:05, até tempo de cochilar deu HAHA. Pois bem, a pedido de um leitor, estamos começando hoje uma maratona de 3 postagens de títulos diferentes no blog. Esse primeiro é somente para personalização do título dos posts, eles vão desde a simples mudança de fonte à títulos com sombras e backgrounds. Come on?
Centralizando e colocando fonte diferente no título da postagem.
Primeiro vamos adicionar a fonte diferente. Ela não é tão complicada quando você já sabe as manhas, mas também não é um bicho de 7 cabeças como o caderno da minha marida vá no google fontes (aqui) e procure uma boa fonte, recomendo que seja uma fonte bem legível como sabem, sou meio cegueta e meus olhos se cansam bastante tentando ler umas fontes por ai, então cuidem dos meus olhos u.u. A fonte escolhida foi a Montez do meu antigo template de Florence + The machine saudades - SQÑ quando você selecionar a sua fonte clique em "Quick use" assim como na imagem abaixo:
clique na imagem para ver em tamanho maior
Bom, desça até o fim da página e lá você verá um código, ele será mais ou menos assim:
<link href='http://fonts.googleapis.com/css?family=Montez' rel='stylesheet' type='text/css'>
Claro que ele vai mudar de acordo com a fonte escolhida, mas bem... Copie esse código e cole em baixo de <head> só que após 'text/css'> adicione um / ficando assim:
<link href='http://fonts.googleapis.com/css?family=Montez' rel='stylesheet' type='text/css'/>
Bom, agora já podemos ir para a parte que centralizamos e mudamos a fonte do título da postagem. Procure por /* Posts e você deve encontrar um código mais ou menos assim:
Agora selecione toda essa parte e sustitua por isto:
h3.post-title {text-align:center;
}
h3.post-title { margin-top: 20px;}
h3.post-title a { font-family: Montez; color: #cordafonte;font-size: 200%;}
Sombra no título dos posts
Procure por h3.post-title a { e cole antes de }
text-shadow: 1px 2px 3px #6a6a6a;
Edite a cor da sombra em negrito se quiser de outra cor.
Background no título da postagem
Primeiro procure por: /* Post
Deverá aparecer da seguinte forma:
/* Posts----------------------------------------------- */
Agora cole isto:
h3 {background-color: #d1e0cc ;}
E pronto!
Ainda tem alguma dúvida com relação a posts? Pergunte que eu respondo. Ah próximo post mudando fonte dos gadgets e os personalizando.
Espero que tenham gostado!
xoxo
Ainda tem alguma dúvida com relação a posts? Pergunte que eu respondo. Ah próximo post mudando fonte dos gadgets e os personalizando.
Espero que tenham gostado!
xoxo
Ótimo tutorial Nikki-chan! Conheço todos! Muito interessante a maratona flor *u*
ResponderExcluirhttp://the-kawaiis.blogspot.com.br/
Thanks~
ExcluirEu ja usei esse tuto, acho muito legal para dar um UP no lay!
ResponderExcluirchuvasdioutono.blogspot.com.br
Adoro esse tuto >.<
ResponderExcluirnovajuventudexxi.blogspot.com.br visita ?
Tutu bem legal! Fontes diferentes no blog é a melhor coisa, foge um pouco dos padrões. Mas bem que o blogger podia vir com a opção de pesquisar uma fonte e usar, né? kk
ResponderExcluirSeguindo, pode retribuir? XO! ~
mundinhomagicodagaby.blogspot.com.br
PS.: Seguidora número 60! :D \O/ =3
ResponderExcluir\O/
ExcluirQue legal! Adorei o post!
ResponderExcluirKiss~
Legall :3
ResponderExcluirseguindo :D
Segue?? cuteandcandys.blogspot.com.br
~kisses