Tutorial: Gadgets separados em caixas

Olá tortas de cerejas com cerejas! ~LOL~! (sei que não tenho esse direito, mas é bom ir praticando...)
Tudo bem?
Hoje vou postar meu primeiro tutorial neste blog! EBAAAA!!!!
Vou ensinar, como deixar os gadgets separados em caixas.
Vamos lá?






1. Vá em Design > Editar HTML > Aperte Ctrl+F ou F3 e busque por:

  /* Widgets

2. E antes de fechar } cole o seguinte código:

background: #fff; /*---- cor do fundo da caixa ----*/

padding-left: 20px; /*---- espaço à esquerda ----*/

padding-bottom: 20px; /*--- espaço de baixo ---*/

padding-right: 20px; /*--- espaço à direita ---*/

padding-top: 5px; /*---- espaço de cima ----*/

border-radius: 5px; /*---- bordas arredondadas, apague a linha se não quiser ----*/

box-shadow: 1px 3px 15px 2px #ccc; /*---- sombra da caixa ----*/

Se você quiser, dá para trocar a cor da barra. É só mudar a escrita que está de >ROSA<, pelo código da cor desejada.
Se não quiser as bordas arredondadas, apague a linha em que à indica.
Se quiser sombra, deixe como está, se não, onde tem os números, e os px, coloque 0.
EXEMPLO:

ANTES: 1px DEPOIS: 0px

Faça isso em todos!
 Espero que eu tenha ajudado!

Bjs,

Laura