Separar um gadget do outro

Olá gente *-* essa semana foi bem corrida, e quase não postei né? Mas hoje venho atualizar o blog com o post de como separar um gadget do outro, então vamos..
1♥  Vá no modelo do blogger e clique em personalizar,  clique em avançado → Plano de fundo da barra lateral → Cor do plano de fundo e escolha o transparente, depois salve;

2♥ Volte na página anterior, e clique em Editar HTML, aperte F5 ou ctrl+f e pesquise:

/* Widgets

3♥ Você encontrará algo assim: .sidebar .widget { , e antes da tag de fechamento [}] você cola o seguinte código:

.sidebar .widget {
border-bottom: 5px solid #436887;
border-top: 5px solid #436887;
margin: 10px 0;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
margin: 30px 0;
Background: #fff;
box-shadow: inset 0 0 5px #eee, 0 0 2px #ccc;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
} 

A seguinte parte:

border-bottom: 5px solid #436887;
border-top: 5px solid #436887;

é onde você personaliza a borda do gadget (topo e em baixo);

Depois só salvar *-*