Faixa nos Gadgets

      

Olá meus bolinhos de cereja  Blog de cara nova, até que ficou legal !
Faz um tempinho que eu não posto tutorial né ?  Então hoje eu vim postar um tutorial que deixa o blog super lindo ! A minha amiga Roberta do blog Tudo em Volta estava procurando um tutorial de como colocar aquela faixinha em cima dos gadgets, como eu estou fazendo o novo design do BL eu estava dando uma passadinha em alguns blogs para encontrar alguns tutoriais legais e achei esse tutorial de como colocar faixa em cima dos gadgets. Olhem como fica:

Quer aprender ? Clique em Leia Mais !

 Vá em design -> adicionar um gadget -> HTML/ JavaScript
 Cole este código no gadget adicionado:

<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>

A parte que está em rosa é a cor da faixinha. Confira essa tabela de cores (www)
Agora é só salvar ! Agora todos os seus gadgets estão com a faixinha colorida ;]


Espero que tenham gostado !
Beijinhos