Tutorial: Como deixar a barra lateral do blog separada por gadgets?

 
 Depois de algum tempo sem postar tutoriais, hoje eu vou ensinar - pra quem não sabe - como separar a coluna lateral em gadgets.
É bem rápido e simples, e deixa o blog bem diferente. Só não faço no NERDSferas porque esse lay ta muito fofinho assim, mas no próximo eu vou usar esse tutorial.

Bem, primeiro vá em Design de Modelo Avançado > Plano de fundo da barra lateral > e deixe - o Transparente. Salve e vá em Design > Editar HTML > CTRL +F > e procure por /* Widgets

Vai aparecer assim:

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

 Coloque antes da chaves esse código:  background: #cccccc;

 Ficará assim:

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

Visualize e se tiver dado tudo certo é só salvar. Se quiser a sua lateral de outra cor é só mudar o trecho: #cccccc, pelo código de outra cor. 


5 comentários:

  1. Muito legal esse tutorial adorei :D
    Bjs
    neversaynever-believe.blogspot.com

    ResponderExcluir
  2. Gostei muito, mas não consegui fazer :/ O fundo em si não muda de cor, fica uma faixa larga (mas que não ocupa toda a barra lateral) de uma cor, acho que essa #cccccc.
    :S

    O que faço ?? Quero que fique arredondada também, como no exemplo que você botou... :(

    ResponderExcluir
  3. E como eu faço pra ter isso nos posts?

    www.asdozebadaladas.blogspot.com

    ResponderExcluir
  4. ah , adorei ! , já estou usando !

    http://thelinees.blogspot.com.br/

    ResponderExcluir
  5. OIá, é sempre bem vindo novas informações, ainda mais quando vamos para num blog que ninguem explica nada para a gente, enfim no meu flogvip acho que tenho que pagar para
    faze-lo equipado, não uso os mesmos meios que temos no blogspot e ninguem e a maioria
    das coisas que postei ali levaram meses, título, rádio, até dá um desânimo.

    http://flogvip.net/lerimagens

    Obrigado.

    ResponderExcluir