Personalizando o título das postagens

Hooy gente  eu dei uma sumidinha daqui né? Mais por bons motivos, estou preparando algumas surpresas pra vocês.

Aaah... Estou anotando todos os pedidos de goodies que vocês me mandaram, ok? E os que eu souber fazer é claro que estarei disponibilizando aqui no blog!

Sobre o tutorial de hoje se trata de algo muito simples. Certamente você já viu em algum blog ou até mesmo no seu, o titulo da postagem super personalizada e quando você clica no post em questão fica totalmente diferente e sem personalização alguma, certo? Isso acontece porque provavelmente você ainda não sabe que o titulo da postagem tem 3 momentos:

- O momento que está na página inicial 

- O momento em que se passa o cursor em cima do titulo 

- E por fim o momento em que você já clicou no título e está na página que mostra somente o post.

E pra cada um desses ''momentos'' existe um código especifico pra você personalizar. Gente eu juro que não é difícil, segue essa linha de raciocínio que vai dar tudo certo (risos) .

O código de personalização é esse:

1° Você irá copiar todo esse código 

text-align:center; /*deixa o título dos posts centralizado. Se você não quiser centralizá-los, apague essa linha.*/ 

font-family: "NOME DA FONTE AQUI"; /*Se refere a fonte*/ 

 font-size: 26px; /*Tamanho da fonte*/

color: #FF1493; /*Se refere a cor da fonte*/ 

border-bottom: 2px dashed #FF1493; /*Se refere a borda pontilhada abaixo do titulo. Se não quiser apague essa linha*/ 

background: #fff; /*Nesse trecho você pode colocar uma cor de fundo*/

Pra facilitar eu coloquei a explicação do lado de cada código. A fonte eu vou ensinar a mudar logo no final desse post. 

2° Agora vá no seu HTML e procure por: h3.post-title a {

(Esse código se refere ao momento em que título do post está na página inicial). Agora cole o código de personalização ANTES dessa chavinha:

3° Agora faça o mesmo com os outros 2 códigos:

h3.post-title a:hover {

(Este código refere-se ao momento em que se passa o cursor em cima do titulo).

h3.post-title {

(Este código refere-se ao momento quando o leitor já clicou no link da postagem e está na página onde aparece somente o post que ele está lendo).

Visualize. Se estiver tudo OK salve!

Por último personalize a fonte:

Para personalizar a fonte é só clicar aqui.

É isso! Espero que gostem do tutorial de hoje