Títulos do gadget com efeito hover

image 
fofaa!
Olá minhas little monster! Eu voltei (para noosa alegria!!! num paro de rir com esse vídeo!)
Sem mais delongas, vou ensinar como deixar os títulos dos gadgets iguais esses:

 
Vamos começar?!
1. No Blogger, vá em Design> Editar HTML.
2. Tecle Ctrl F e procure por: 


]]></b:skin> 

3. Logo acima dessa tag, coloque o código abaixo: 
.sidebar h2 {text-transform: uppercase; /* Letras maiúsculas */font-size: 15px; /* Tamanho da fonte */color: #9C9C9C; /* Cor da fonte */background: #f5f5f5; /* Background */}.sidebar h2:hover {text-transform: uppercase; /* Letras maiúsculas em hover */font-size: 15px; /* Tamanho da fonte em hover */color: #9C9C9C; /* Cor da fonte em hover */background: #f5f5f5; /* Background em hover */text-align: left; /* Alinhamento do texto hover */} 

4. Mude as cores, para ficar do jeito que quiser
5-Salve (esse não precisava né?!)

8 comentários:

  1. adorei o tutorial pretendo fazer em breve bjs to seguindo se puder me retribuir http://www.derrepenteteen.com/

    ResponderExcluir
  2. Ótimo tutorial, gostei muito do seu blog. Já estou seguindo.
    Você pode visitar o meu blog e se gostar,você pode segui-lo?
    http://i-teenbr.net.tc

    ResponderExcluir
  3. Amei o tutorial. Queria mesmo saber como fazer isso!

    [a] flor, não encontrei seu E-mail então digo por aqui mesmo. Mudei a URL do meu blog (antiga Loly Lollipop aqui) para Garotas City. Da uma passada no meu blog e pega o Banner novo Ok? http://garotascity.blogspot.com.br/2012/03/nova-url-novo-banner.html

    Beijinhos.

    ResponderExcluir
  4. Flor, deixa eu te perguntar, quem fez esse banner??? Eu queria deixar o meu parecendo recortado e não sei como. Vc sabe?? Bj

    ResponderExcluir
  5. muito legal o tutorial


    se gostar siga:)
    http://coisasdemeninapramenina.blogspot.com.br/

    ResponderExcluir
  6. oi flor vim conhecer seu blog
    ameiiiii
    qro me afiliar viu..^^
    seguindo vc,passa la n meu e retribui
    tbm
    bjinhus

    http://belezaeestilomakeup.blogspot.com.br/

    ResponderExcluir
  7. Adoreii o blog! tô seguindo ,segue de volta?
    http://blogdaacaroll.blogspot.com.br/

    ResponderExcluir
  8. Me ajudou muito.
    Obg
    http://mythings2.blogspot.com.br/

    ResponderExcluir