Títulos do gadget com efeito hover *w*

oiiieee doces vou ensinar como deixar os títulos dos gadgets iguais esses:

 

-LET'S GO?

-No blogger, vá em Design> Editar HTML.

-Tecle Ctrl F e procure por: 

]]></b:skin>

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 */} 

Mude as cores, para ficar do jeito que quiser

...salve...

(uhusahush acho que não precisava do escrito salve né?)