sidebar

O tutorial é bastante simples, basta colar o código do estilo que mais lhe agrade, acima da tag: 

]]></b:skin>

No seu HTML (Modelo &gt; Editar HTML &gt; Prosseguir) . Você pode apertar CTRL+F para buscar.

Escolha o seu estilo abaixo:

.sidebar h2{
text-align:center;
background: #DDA0DD;
padding: 5px;
font-size: 18px;
color: #fff;
width: 180px; /* Altere de acordo com a largura da sua coluna*/
height: 25px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-transition: 0.5s;
text-shadow: 1px 1px 0 #ccc;
}
.sidebar h2:hover{
text-align: center;
background: #DA70D6;
padding: 5px;
font-size: 18px;
color: #fff;
width: 180px; /* Altere de acordo com a largura da sua coluna*/
height: 25px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-transition: 0.5s;
text-shadow: 1px 1px 0 #ccc;
}

.sidebar h2{

text-align:center;

border-bottom: dashed 1px #ec92c6;

font-size: 18px;

color: #000;

width: 180px; /* Altere de acordo com a largura da sua coluna*/

height: 10px;

text-shadow: 1px 1px 0 #ccc;

}

.sidebar h2 {

text-align: center;

background:#8DEEEE;

padding: 8px;

font-size: 18px;

color:#528B8B;

border: outset #79CDCD;

width: 180px; /* Altere de acordo com a largura da sua coluna*/

height: 20px; 

-webkit-border-radius: 20px;

-moz-border-radius: 20px;

border-radius: 20px;

}

BY:http://girlson-line.blogspot.com.br

.sidebar h2 {

background: #E6E6FA;

color: #9370DB;

border-bottom: 2px solid #9370DB;

font-weight: normal;

text-align: center;

font-family: tahoma;

-webkit-border-radius: 10px;

-webkit-border-bottom-left-radius: 0;

-moz-border-radius: 10px;

-moz-border-radius-bottomleft: 0;

border-radius: 10px;

border-bottom-left-radius: 0;

}

Para mudar a cor do fundo aprenda, está assim (exemplo:)

Background: #E6E6FA

A cor do fundo é o #E6E6FA (exemplo) para mudar a cor, você precisa ir na tabela de cores e ver a cor que quer.

Depois, mude tudo:

.sidebar h2 {

background: (a cor do fundo)

font-family: (a fonte, exemplos: Comic Sans MS ou etc..);

color: (cor da letra);

font-size: (tamanho da letra);

font-weight: (negrito, itálico, ou, até mesmo normal,rs!);

text-transform: uppercase;

border-bottom: 1px solid (<esperssura da borda) #F0F8FF(<cor da borda);

text-align: center;

text-shadow:#fff (cor da sombra) 0px 0px 1px < larguras da sombra);

border-radius: 10px;

}

BY:http://portblogcute.blogspot.com.br

                                                                           

.sidebar h2{

text-align:center;

border-bottom: dashed 1px #ec92c6;

font-size: 18px;

color: #000;

width: 180px; /* Altere de acordo com a largura da sua coluna*/

height: 10px;

text-shadow: 1px 1px 0 #ccc;

}

                                                    

.sidebar h2 {

text-align: center;

background:#8DEEEE;

padding: 8px;

font-size: 18px;

color:#528B8B;

border: outset #79CDCD;

width: 180px; /* Altere de acordo com a largura da sua coluna*/

height: 20px; 

-webkit-border-radius: 20px;

-moz-border-radius: 20px;

border-radius: 20px;

}

Título do Gadget

.sidebar h2 {
text-align: center;
background-color: #FF69B4; ---/*cor de fundo */
width: 200px;
height: 15px;
color: #F5F5DC; ---/* cor da fonte do título */
font-family: impact; ---/* fonte do título */
font-size:16px; ---/* tamanho da fonte */
text-shadow:0 1px 1px #FFFF00;
-moz-border-radius: 10px; /* Para Firefox */-webkit-border-radius: 10px; /*Para Safari e Chrome */border-radius: 10px; /* Para Opera 10.5+*/}

Título do Gadget

.sidebar h2 {
text-align: center;
background-color: #8B8B83; ---/*cor de fundo */
width: 200px;
height: 15px;
color: #FFF5EE; ---/* cor da fonte do título */
font-family: impact; ---/* fonte do título */
font-size:16px; ---/* tamanho da fonte */
text-shadow:0 4px 4px #000000;
-moz-border-radius-bottomright: 10px;-moz-border-radius-topright: 10px;-webkit-border-bottom-left-radius: 10px;-webkit-border-top-right-radius: 10px;

Título do Gadget

.sidebar h2 {
text-align: center;
background-color: #7FFF00; ---/*cor de fundo */
border-left: 7px solid #FF1493;
width: 200px;
height: 15px;
color:#FFFFFF; ---/* cor da fonte do título */
font-family: impact; ---/* fonte do título */
font-size:16px; ---/* tamanho da fonte */
text-shadow:0 1px 1px #FFFFFF;

Título do Gadget

.sidebar h2 {
text-align: center;
background-color: #DEB887 ; ---/*cor de fundo */
border-left: 1px dashed #8B4513;
width: 200px;
height: 15px;
color:#b03060; ---/* cor da fonte do título */
font-family: impact; ---/* fonte do título */
font-size:16px; ---/* tamanho da fonte */
text-shadow:0 1px 1px #FFFFFF;

BY:http://fashionscream.blogspot.com.br