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.
Muito legal esse tutorial adorei :D
ResponderExcluirBjs
neversaynever-believe.blogspot.com
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.
ResponderExcluir:S
O que faço ?? Quero que fique arredondada também, como no exemplo que você botou... :(
E como eu faço pra ter isso nos posts?
ResponderExcluirwww.asdozebadaladas.blogspot.com
ah , adorei ! , já estou usando !
ResponderExcluirhttp://thelinees.blogspot.com.br/
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
ResponderExcluirfaze-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.