14 de jan de 2013

Separando os Gadgets do Blog

Hey, angels :) What's up?

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.

6 comentários:

  1. bom 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/

    ResponderExcluir
  2. Também usei esse tutorial (você vai ver muuuuuuuuitos comentários meus por aqui, hehe).
    Beijo!

    ResponderExcluir