Titulo da sidebar personalizado - Escolha já o seu!

Oi meus babyzinhos ^^, hoje eu venho trazendo vários tipos de títulos de sidebar ( todos com efeito hover ), as cores são totalmente editáveis ok?
                                                               Lets Go?

                                                     Vá em Painel> modelo> Editar HTML > Procure por:

]]></b:skin> 

                                                         Acima desse código cole esse abaixo:
         
                                                                         O titulo da sidebar Está dessa forma:

Quando passa o mouse por cima fica dessa forma:

/** Titulo da sidebar flower: By The baby **/
.sidebar h2 {
background: #E0FFFF;
font-weight: normal;
text-align: center;
font-family: century gothic;
border-left: 3px solid #87CEFA; /* Cor da borda lateral esquerda */
border-right: 3px solid #87CEFA; /* Cor da borda lateral direita */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-bottom-width: 0px;
}
.sidebar h2:hover {
background: #E0FFFF;
font-weight: normal;
text-align: center;
font-family: century gothic;
border-left: 2px solid #7B68EE; /* Cor da borda lateral esquerda */
border-right: 2px solid #7B68EE; /* Cor da borda lateral direita */
-webkit-border-radius: 10px;
-moz-border-radius: 0px;
border-bottom-width: 0px;
}

                                                    O titulo da sidebar fica dessa forma:
                                                   
                                                    Quando passa o mouse fica dessa forma:

        

/** Titulo da sidebar Baby: By The baby **/
.sidebar h2 {
background: #E0FFFF;
font-weight: normal;
text-align: center;
font-family: century gothic;
border-left: 3px solid  #87CEFA;
border-right: 3px solid  #87CEFA;
-webkit-transition-duration: .60s;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-bottom-width: 0px;
}
.sidebar h2:hover {
background: #E0FFFF;
font-weight: normal;
text-align: center;
font-family: century gothic;
border-left: 15px solid  #87CEFA;
border-right: 15px solid  #87CEFA;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-bottom-width: 0px;
-webkit-transition-duration: .60s;
}

O titulo da sidebar fica assim:

                                                Quando passa o mouse fica assim:

/** Titulo da sidebar simples: By the baby **/
.sidebar h2 {
background: #E0FFFF;
font-weight: normal;
text-align: center;
font-family: century gothic;
border-left: 3px solid #87CEFA; /* Cor da borda lateral esquerda */
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-bottom-width: 0px;
}
.sidebar h2:hover {
background: #E0FFFF;
font-weight: normal;
text-align: center;
font-family: century gothic;
border-left: 9px solid #87CEFA; /* Cor da borda lateral esquerda */
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-bottom-width: 0px;
-webkit-transition-duration: .60s;
}

                                              Visualizem, se estiver tudo certo salve!