Modelo para Sidebar (1) - Feito por Creative Things (Sarah)

Olá povinho! Não tenho Introdução :( . Então vamos direto ao assunto! Eu criei um modelo para sidebar bem simples, é um modelo legal (na minha opinião), bom o modelo está logo abaixo:

Bom, esse é o modelo. Vamos ver como aplica-lo? 

Vá em Modelo >> Editar HTML >> Procure por:

Quando achar click nesses 3 pontinhos. Irá abrir muitos códigos, procure por:

/* Widgets

Quando achar apague desde /* Widgets até o fechamento da chave }

Agora cole esse código no lugar:

/* Widgets
----------------------------------------------- */
.sidebar .widget {
Background: #fff;
border: 1px solid #E8E8E8;
text-align: justify;
font-family: calibri;
color:#ccc;
font-size:12px;
padding: 5px;
margin: 2px -30px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-transition-duration: .50s;
}
.sidebar h2 {
font-family: Albertsthal Typewriter;
text-transform: uppercase;
letter-spacing: 3px;
color: #01435D;
border-bottom: 1px dotted #c8bcb2;
font-size: 14px;
text-align: center;
word-spacing:.4em;
-webkit-transition-duration: .50s;
}
.sidebar h2:hover {
letter-spacing: 6px;
color: #b39478;
   -webkit-transition-duration: .50s;
}

Prontinho!!! Salve!! Se usar credite o nosso blog!!
-P4nda