Tutorial : Título dos Gadgets em Caixinhas!

Yoo , Meninas! q*q

Tudo bom ? nesse post eu trago á vocês  Um tutorial que foi muito pedido pela o FACEBOOK ..
Uma leitora disse que estava com dificuldades  nesse tutorial mais ela procurava , procurava e não Achava  !! HA' mais eu tô postando isso agora ;D

Para ler o post Completo Clique em "Mais informações"



Aviso: Antes de fazer esse tutorial, você tem que separar os gadgets da sidebar. 
Depois de terminar, vá no modelo HTML do seu blog, e cole o código abaixo antes de ]]></b:skin> 

.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 próprio código tem as explicações do que alterar. Se quiser tirar a sombra é só apagar a parte que está em verde. Espero que funcione tudo certinho aí para vocês!
Beeijos.