separar widgets da sidebar

Olá hoje ensinarei a deixa separar widgets da sidebar 
 1- abra o desing do modelo plano de fundo da barra lateral e escolha a cor transparente 
           SO FUNCIONA COM O MODELO VIAGEM 
 2- salve as alterações
 3- volte ao modelo do blog aperte editar HTML 
 4- aperte CTRL+F 
    Procure por 
 .sidebar .widget {
 5- logo abaixo cole :
background: #000; 
 7- Agora é só trocar #000 pelo código da cor que você quer e salvar!
- Se quiser aumentar a distância entre cada widget, altere o valor dessa linha:

 margin: 10px 0; 

 leia mais

Trocando o 10 por um número maior.

     Creditos : Cherry Bomb
 se quiser com sombra e rodondo e so postar assim abaixo do  .sidebar .widget { cole isto :
  

box-shadow: 2px 4px 15px #747474; -moz-box-shadow: 2px 4px 15px #747474; -webkit-box-shadow: 2px 4px 15px #747474; -khtml-box-shadow: 2px 4px 15px #747474;

-moz-border-radius: 10px; /* Para Firefox */ -webkit-border-radius: 10px; /*Para Safari e Chrome */ border-radius: 10px; /* Para Opera 10.5+*/

background: #fff; 

border-radius:10px 10px 0 0; /* Não altere aqui se quiser efeito igual ao meu */

  border-bottom: 2px solid $(widget.border.bevel.color);

  padding-bottom: 10px;

  margin: 10px 0;

border-radius:10px 10px 0 0; /* Não altere aqui se quiser efeito igual ao meu */

-moz-border-radius: 10px; /* Para Firefox */ -webkit-border-radius: 10px; /*Para Safari e Chrome */ border-radius: 10px; /* Para Opera 10.5+*/

}

        isso ai ,facil né ?