Gadgets com fundo colorido

Postagem atualizada dia 23/08/2013 às 21h07

Oi, gente! Eu ainda não acredito que fiquei uma semana sem postar nada. Essa semana simplesmente passou voando!, e, ah, lhes desejo um Feliz Natal super atrasado. E, atendendo à pedidos, vou ensiná-los como dividir os gadgets que nem daqui do blog, antes de começar só quero avisar que eu o aprendi ele visitando o blog da Karol, o Material Extra. Um tutorial super fácil, rápido, e super útil!

Primeiramente vá até Design > Editar HTML, procure (F3 ou Ctrl+F) por /* Widgets. Deverá aparecer um código mais ou menos igual a esse:

/* Widgets
----------------------------------------------- */
.sidebar .widget {
border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 10px;
margin: 10px 0;
}

Dentro das chaves, acrescente mais o código que divide a coluna, deixando a cor somente em cada gadget: background-color: #COR_HTML; não sabe que cor usar? Consulte a tabela de cores HTML. Deverá ficar da seguinte maneira:

/* Widgets
----------------------------------------------- */
.sidebar .widget {
border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 10px;
margin: 10px 0;
background-color: #COR_HTML;
}

 Visualize, e, se estiver tudo certo, salve!
Caso você não achar esae código, copie ele e cole acima de ]]</b:skin>. Espero ter ajudado a quem pediu e a quem estava procurando por esse tutorial! Beijos!

P.S.: Tem muita gente perguntando como divide a coluna da postagem, o modelo do Blogger que eu editei já veio assim, mas vou tentar fazer um tutorial pra vocês, ok?

[jeito-inedito.blogspot.com] [onthefame.blogspot.com] [otherthingsattitudeincluded.blogspot.com] [paradateen1.blogspot.com] [ninas-top-stardoll.blogspot.com] [justdebee.blogspot.com] [goimagines.blogspot.com] [paraisodemenina.blogspot.com] [amantesdophotoscape.blogspot.com]