Tutorial - Faixa nos Gadgets

Oi meus amores ,aqui é a Laura :3
Hoje vou ensinar como colocar aquela faixinha colorida em seus gadgets iguais aos meus.

| Votem no Brilho dos Olhos aqui (x) |

Clique em leia mais e aprenda (:

Nível de Dificuldade: Fácil

Estão vendo essa faixinha verde em cada um dos meus gadgets?

Então,vou ensinar como fazer isso.

1- Vá em Layout -> Adicionar um Gadget -> HTML / Javascript

2- Cole isso:

<style>

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

.sidebar .widget {

width:100% !important;

background:#fff;

margin:10px 0 !important;

border-top:10px #66CDAA solid;

border-radius:0 0 10px 10px;

padding:10px;

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

overflow:hidden

}

.sidebar .widget h2 {

font: normal normal 20px Indie Flower;

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

color: #000;

text-align: center; /*Alinhamento do texto*/

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

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

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

padding:5px;

width:107%;

overflow:hidden

}

/** FIM DA SIDEBAR**/

</style>

3- Onde está em negrito é a cor da faixinha.Você pode escolher sua cor nessa tabela (x)

4- Salve e pronto! Todos os seus gadgets estarão com faixinha colorida :)

Gostaram do tutorial?

Comentem!Beijos e tchau tchau :3