Títulos dos Gadgets em Hover

Oie gente! Vim ensinar a colocar os títulos dos gadgets em hover. Querem aprender? Então vamos lá!
Mais antes quero avisar que os créditos desse tutorial é do blog The-lovers


Vá em Design >> Editar HTML marque a caixinha "Expandir modelo de widget"
Tecle CTRL+F ou F3 e procure por:
]]></b:skin>

Antes desse codigo acima, cole este outro:
.sidebar h2 {
text-align: center;
font-size: 14px;
color: #000000; /* Cor da fonte */
background: #C6E2FF; /*Cor de fundo */
border-bottom: 2px solid   #1E90FF ; /* Cor da linha */
}
.sidebar h2:hover {
font-size: 14px;
color: #000000; /* Cor da fonte quando passa o mouse */
background: #C6E2FF; /* Cor de fundo quando passa o mouse */
text-align: center;
border-bottom: 2px dashed   #1E90FF ; /* Cor da linha pontinhada */
}

Para mudar as core use essa tabela