Tutorial : Titulo dos gadgets hover

Bom em vários blogs tem o titulo do gadget em hover, então resolvi postar pra vocês aqui meus balas de uva azedinha adoro  prestem atenção :

Vá em designe
click em EDITAR HTML
Clique em Ctrl+f  e pesquise por :  .footer-inner .widget h2,

Apague de .sidebar .widget h2 { até o " } " e substitua  por esse código :

Click em Leia mais para continuar 

/***Código gadget hover por:wwwsweetheartblog.blogspot.com***/
.sidebar h2 {
text-align:center;
background: #F5F5F5; /***cor do fundo***/
font-color:#707070; /***cor da fonte***/
font-size:13px; /***tamanho da fonte***/
text-shadow:0 1px 1px #dddddd; /***Sombra na fonte***/
border-left: 8px solid #000000; /***cor da borda esquerda***/
border-right: 8px solid transparent;
-webkit-transition-duration: .80s;
}
.sidebar h2 :hover {
text-align:center;
background: #F5F5F5; /***cor do fundo hover***/
font-color:#707070; /***cor da fonte hover***/
font-size:13px; /***tamanho da fonte hover***/
text-shadow:0 1px 1px #dddddd; /***sombra na fonte hover***/
border-left: 7px solid transparent;
border-right: 7px solid #000000; /***cor da borda direita hover***/
}

Eu ainda não testei ele, mais é bom você salvar uma copia do seu modelo antes de usar o código

tabela de cores aqui e para concluir e só você personalizar o código 

beijo ;]]

créditos : tutoriar.tk