Títulos do gadget com efeito hover

 

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é?!)