Como separar os Gadgets do blog?

              
Vou ensinar vocês à separarem os gadgets do blog, porque muitos blogeiros não gostam deles todos juntos. Então vamos lá:


Apenas separar os gadgets


Vá em design  Editar HTML   Dê um Ctrl+ F e pesquise por */Widgets  Agora é só adicionar esse código antes de fechar a chave ( { )


Background: #f7f7f7; /*Cor do fundo do gadget */


Agora você pode modificar a parte que está rosa, ou seja, você pode colocar uma cor que você queira que seja o fundo, de acordo com essa tabela.


                                                       Exemplo:


                          


                                                       Resultado:


                          


                                                       Prontinho


Modelo personalizado:


Só copiar o código abaixo e colar em um gadget HTML/ JavaScript

<style>

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

.sidebar .widget {

width:100% !important;

background:#fff;  /** COR DO FUNDO DO GADGET **/

margin:10px 0 !important;

border-top:10px #ff1490 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:#fee /** COR DO FUNDO DO TITULO **/;

color:#f9b /** COR DO TITULO **/;

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

text-shadow:0 1px #ddd /** 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>

Esse tem efeitos bônus que é o sombreamento aì é só você personalizar do jeito que você quiser.


Tabela da cores.






Créditos: CandyLand