Tutoriais - Gadgets separados em caixas

Oiii Gente hoje é dia de tutorial e vou ensinar para vcs que estão comeando com o blog a como deixar os gadgets separados em caixas  vamos-lá então clica em continue lendo e vamoooos

Gadgets separados em caixas

                               Vá em design > Editar HTML > Aperte F3 ou Ctrl+F e procure por:

                                                                           /* Widgets

                                                  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 da pra trocar a cor da caixa (trocando #fff pela cor que desejar)

Espero ter ajudado ai vcs que estão começando o blog e não sabem muito mexer com HTML bjss

Créditos: http://goimagines.blogspot.com.br/search/label/tutoriais