Sidebar separada

 Bom gente esse tutorial do blog Sense Of Wonder, se quiserem ver mais modelos clique aqui e confiram o tutorial :

Vá em Modelo > Editar HTML e procure ]]</b:skin> e cole esse código acima :

.sidebar h2{
text-align: center;
background:#1E90FF;
color: #ffffff;
margin-top: -35px;
transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
}
.sidebar h2:hover{
cursor:Crosshair;
color:#696969;
transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
}
.sidebar .widget {
  width:100% !important;
     background:#fff;
       border-bottom:7px #1E90FF solid;
       border-radius:0 0 0px 0px;
    padding:10px;
box-shadow: inset 0 0 20px #d8d5d5, 0 0 4px #ccc;
}

Edite como quiser visualize e salve. 

Resultado

Créditos