21 dezembro 2012

3 formas de personalizar o título do post

Tumblr_lwof8bxbpu1qcmy8fo1_500_large

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

10 comentários:

  1. Oi, eu queria saber como você coloca os blogs 'amigos' ali na listinha, se posso participar, etc?

    ResponderExcluir
  2. fofos os efeitos,acho que vou aplicar algum no meu titulo u.u

    [\Clica no perfil
    e me visita ^~^

    ResponderExcluir
    Respostas
    1. Já visitei e amei. Tô seguindo. Achei lindo o layout. Beijinhos.

      Excluir
  3. Gostei, vou utilizar um desses ^^
    srtaveneno.blogspot.com.br

    ResponderExcluir
  4. Ôh Lindinha, essa fonte MamaeQueNosFaz, só aparece pra quem tem ela instalada no pc. Pra quem não tem, fica tipo uma fonte normal, Times ou Georgia... Para aparecer para todas as pessoas você precisa usar o Cufon. Ou escolher alguma fonte do Google Web Fonts.

    ResponderExcluir
  5. OMG obrigada Nah, era exatamente do que eu precisava! <3

    ResponderExcluir
  6. a maioria dos seus links de blogs associados ta bloqueado então não ajuda muito faz um tutorial ex:Personalizando os comentários < blog que a pagina leva ta bloqueado a convidados.

    ResponderExcluir
  7. Como eu ponho o título do blog que nem o seu? "transparente"

    ResponderExcluir

© Blog da Nah | Oficial - 2012. Todos os direitos reservados. Criado por: Natália Médice. Tecnologia do Blogger. imagem-logo