Hoje eu trouxe um tutorial bem fácil, mas que faz toda a diferença no blog. Vou ensinar como separar os gadgets do blog da mesma maneira que fiz aqui e no Mrs. Nightshade. Vamos ao tutorial?
Vá no seu HTML e, usando Ctrl+F, busque por /* Widgets .
Provavelmente vão encontrar algo parecido com isso:
/* Widgets----------------------------------------------- */.sidebar .widget {border-bottom: 2px solid $(widget.border.bevel.color);padding-bottom: 10px;margin: 10px 0;}
Certo? Bom, para separar os gadgets é só adicionar o código abaixo antes de fechar a chave:
Background: #f7f7f7; /*Fundo do gadget */
A cor nesse caso não vai fazer diferença, mas se preferirem trocar por uma mais forte, pode.
Visualize e se estiver tudo certinho, salve.
Vá agora para "Personalizar" e clique em Avançado > Plano de Fundo da Barra Lateral.
A única coisa que vocês devem fazer é deixar "Cor do Plano de Fundo" transparente:
E pronto! =D
Aprendi com ajuda do Chovendo em Paris, então créditos dados.
Bom, é isso.
Espero que tenham gostado.
Beijos,
Mrs. Nightshade.
=D Adorei!
ResponderExcluirFico muito feliz que tenha gostado =D
ExcluirBeijos!
Muito legal o tuto!
ResponderExcluirNão consegui :'(
ResponderExcluirbom dia, gostaria muito da sua ajuda, no meu blog nao aparece no avançado essa opçao plano de fundo da barra lateral, nem no editor html o meu fica diferente, pq sera? uso o modelo de janela no blog: http://zombiediariesbr.blogspot.com.br/
ResponderExcluirTambém usei esse tutorial (você vai ver muuuuuuuuitos comentários meus por aqui, hehe).
ResponderExcluirBeijo!