Cuerpo & titulo de tus widget

La idea de este tutorial, es resaltar/separar/decorar nuestros widget & que no sea solo una linea recta formando un simple "sidebar". Para lograr esto sigue los siguientes pasos:

Para editar el cuerpo de tus widget ~
Vamos a Plantilla / Edición HTML / Buscas {Ctrl + F} lo siguiente:

]]></b:skin>

ARRIBA pegas & editas a tu gusto el siguiente codigo:

.main-inner .widget {
background: #000 url(URL IMG); /* COLOR/IMAGEN DE FONDO */
border: 1px solid #000000; /* BORDE DEL WIDGET */
font-family: calibri; /* FUENTE DE LETRA */
font-size: 13px; /* TAMAÑO DE LETRA */
margin-bottom: 10px; /* SEPARACIÓN CON EL "WIDGET" DEL FONDO */
border-radius: 20px; /* BORDE REDONDEADOS */
color: #ffffff; /* COLOR DEL TEXTO */
}

Para editar el titulo de tus widget ~
Ya vimos como cambiar el titulo por un "Titulo-imagen" {VER TUTORIAL}, ahora veremos como editarlos de la forma en que se encuentran ahora en mi blog ♥~
Agrega debajo de lo que pegaste anteriormente, lo siguiente & edita a tu gusto:

.main-inner .widget h2 {
padding: 5px;
background: #000 url(URL IMG);
border: 1px solid #000000;
font-family: calibri;
font-size: 13px;
border-radius: 10px;
margin-top: -30px;
}

Quiero que el titulo del widget, quede fuera del "cuerpo"

Busca en el ultimo código pegado la linea:

margin-top: -30px;

Edita en nro "30" aumentándolo, hasta que quede "sobre" el cuerpo de tu widget.
Ten cuidado de no borrar el signo menos (-)