3 formas de personalizar o título do post

Hoje eu trouxe um tutorial bem fácil e que pode deixar seu blog mais bonito.

Eu sei que você já devem saber personalizar o título das postagens, até já ensinei aqui.

Mas hoje vai ser um pouco diferente, vou ensinar três modos de personalizar, usando o mesmo código.

1º - Título do post normal, quando está na página inicial do blog.

2º - Título do post em estado houver, quando o mouse está sobre ele.

3º - Título do post depois que você clicou e já está na página em que lê o post.

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

font-family: MamaeQueNosFaz; /* fonte do título */
font-size: 32px ; /* tamanho da fonte */
color: #FF82AB; /* cor do título*/
border-bottom: 1px dashed#8B5742; /* cor, tamanho e tipo de borda */

Agora vamos em parte. Cada número refere às formas citadas acima.

1º -  Título do post normal, quando está na página inicial do blog.

Procure por h3.post-title a { cole o código depois dele e personalize do seu jeito.

2º - Título do post em estado houver, quando o mouse está sobre ele.

Procure por h3.post-title a:hover { cole logo após o mesmo código e personalize do seu jeito. Lembrando que a cor deve ser diferente.

3º - Título do post depois que você clicou e já está na página em que lê o post.

Esse terceiro modo pra mim é o mais interessante, porque vejo que muitos blogs ainda são usam. Sabe quando a gente abre o post e o título volta para a fonte normal, não fica com a fonte que você escolheu? Então, vamos aprender a deixar a mesma fonte em tudo.

Procure por h3.post-title { e cole o mesmo código. A personalização dele pode ficar como o primeiro.

Viu como é fácil? Indico a todos fazerem o item 3.

Beijos!!!

Créditos: Jackie Dream