Títulos dos gadgets "em caixas"

Oiie trazendo outro tutorial pra vocês, e acho que essa é uma das bastantes duvidas entre as blogueiras eu particularmente não gosto muito dessa caixa mais talvez vocês achem que o blog fica mais organizado veja o exemplo:

mais para isso você tem que separa os gadget do sidebar veja como nesse post (www) depois disso pode colocar essa caixinha bom vamos?

Vá em modelo -> editar HTML clique na caixa e aperta CRTL + F3 e procure por:
]]></b:skin>

E antes do código acima cole:

.sidebar .widget {padding: 10px;margin-bottom: 50px; /*Espaço entre um gadget e outro*/}.sidebar .widget h2 {background: #000; /*Cor do fundo do título*/width: 150px; /*Largura do fundo, aumente se precisar*/font-family: Verdana; /*Fonte do titulo*/font-size: 14px; /*Tamanho da fonte*/font-weight: normal;line-height: 14px; /*Altura da linha, coloque o mesmo que o tamanho da fonte*/margin-top: -30px; /*Quantos pixels o título "sobe"*/margin-left: -10px;padding-left: 5px;box-shadow: 1px -1px 2px #9a9a9a;-webkit-box-shadow: 1px -1px 2px #9a9a9a;-moz-box-shadow: 1px -1px 2px #9a9a9a;}

No proprio código esta as explicações é so ler e se quiser tirar a sombra é so apagar a parte da sombra é isso meninas beijos, qualquer duvida ou dificuldade so comentar kiss.
Fonte: (www)