Títulos dos Gadgets em caixinhas

Ei vidas, quanto tempo em? Pois é isso mesmo que tá faltando pra mim. Então resolvi dá uma corridinha aqui e postar um tutorial pra vocês de como colocar os títulos dos gadgets em caixinhas, vamos lá:

1º) Vá em Design > Editar html > Dê um Ctrl +f e procure por:  ]]></b:skin> assim que achar a tag, acima dele cole:


.sidebar h2 {
text-align:center;
background-color: #XXXXXX; /*cor do fundo*/
padding:2px;
border: 1px solid #XXXXXX; /*cor da borda*/
-webkit-transition:0.4s;
display:inline;
float:right;
margin-top:-21px;
} 

Alterações:
Para deixa-lo aredondado: acrescente antes de } o seguinte:

-moz-border-radius: 20px;
-webkit-border-radius: 20px;

Para trocar o lado das caixinhas: troque
 float: right; por float: center; ou float: left;

Altere as cores:
Onde tem xxxxx; troque pelo código das cores que você pode encontrar aqui nesta tabela. Pronto, vai ficar bem legal seu blog, qualquer dúvida comentem. Sigam o blog!!