Título de Gadget hover #3

Para aplicar cualquiera de ellos en tu blog:

Tema > Editar HTML > Ctrl + F y buscas /* Widgets

Pegar abajo de /* Widgets

.sidebar .widget {

padding: 5px;

margin: 3px -10px;

Background: #fff;

-webkit-transition-duration: .50s;

}

.sidebar .widget h2 {

background: #1A1A1A;

border:solid 1px #000;

width:  251px;

padding: 4px 4px 4px 4px;

margin-top:-2px;

margin-bottom:2px;

margin-left:-6px;

margin-right: -5px;

font:14px 'Microsoft JhengHei';

text-transform:uppercase;

text-align: center;

letter-spacing: 1px;

font-weight: 300;

color: #FFF;

text-shadow: 1px 1px 1px #8A9CAB;

-webkit-transition-duration: .80s;

}

.sidebar .widget h2:hover {

color: #FFF;

text-shadow: 1px 1px 1px #8A9CAB;

letter-spacing: 3px;

-webkit-transition-duration: .80s;

}

.footer-inner .widget,

.sidebar .widget {

font-family: Muli, sans-serif;

font-size:11px;

color: #A7A7A7;

text-align: justify;

}