Tutorial.

Olá ^.^

Trago um tutorial que estou usando aqui no BSMP e que eu particularmente achei muito cute.

O tuto se chama Sidebar Personalizada por HTML/JavaScript , é bem simples de se fazer, clique em leia mais e confiram a Preview e em seguida o tutorial.

Preview :

Em um Gadget HTML/JavaScript do Layout do seu blog, cole o código abaixo:

<style>

/**PERSONALIZAÇÃO DA SIDEBAR BY CANDYLLAND**/

.sidebar .widget {

width:100% !important;

background: Sua Cor Aqui;  /** COR DO FUNDO DO GADGET **/

margin:10px 0 !important;

border-top:10px  Sua Cor Aqui solid;  /** COR DA BORDA DE CIMA **/;

border-radius:0 0 10px 10px;

padding:10px;

box-shadow: inset 0 0 20px #eee, 0 0 3px #ccc; /** SOMBREAMENTO **/

overflow:hidden

}

.sidebar .widget h2 {

background: Sua Cor Aqui /** COR DO FUNDO DO TITULO **/;

color: Sua Cor Aqui /** COR DO TITULO **/;

font-size:17px /** TAMANHO DO TITULO **/;

text-shadow:0 1px  Sua Cor Aqui /** SOMBRA DO TITULO **/;

margin-top:-10px /** MARGIN **/;

margin-left:-9px /** MARGIN **/;

margin-bottom:10px /** MARGIN **/;

padding:5px;

width:107%;

overflow:hidden

}

/** FIM DA SIDEBAR BY [www.candylland.net]**/

</style>

Modifique as partes destacadas em vermelho pela cor que desejar, usando a tabela de cores.

Código por:

Karine in Júpiter .

Abraços♥