Tutorial: Personalizar a sidebar

1º vá em Design, depois em Modelo e depois em Editar HTML e aperte em Prosseguir.Depois disso , aperte Ctrl F e procure por ]]></b:skin> assim q aparecer, a cima dessa tag,vc cole esse código abaixo:

                                            /* Sidebar personalizada - blogthistime.blogspot.com */
.sidebar .widget {
background: #ffffff; /* Cor do fundo */
border-radius: 10px; /* Bordas arredondadas */
padding: 10px;
-webkit-box-shadow: 4px 3px 5px rgba(50, 50, 50, 0.42);
-moz-box-shadow:    4px 3px 5px rgba(50, 50, 50, 0.42);
box-shadow:         4px 3px 5px rgba(50, 50, 50, 0.42);
}
/* Título dos gadgets*/
.sidebar h2 {
font-family: Terminal Dosis; /*Tipo de fonte*/
text-shadow: 2px 2px 1px rgba(150, 150, 150, 0.52);
font-size: 25px; /*Tamanho da fonte*/
color: #ffffff; /*Cor da fonte*/
background: url("URL-DA-IMAGEM") no-repeat center; /* Fundo */
height: 30px;/*Altura da imagem*/
width: 270px; /*Largura da imagem*/
text-align: center; /*Alinhamento do texto*/
float: right; /* Se não ficar bom, mude para left */
} /* Fim da sidebar personalizada */

Onde está em Negrito altere com a sua decisão , e eu trouce tbm alguns ribbons para vcs usarem na faixa do gadget: