Novo lay - Dicas

                 
 Heey amores!Viram o novo lay?não boba,elas são cegas Eu fiz com muito carinho pra vocês :B Hoje vou trazer algumas dicas e truques que usei para personalizar os gadgets!Bora conferir ? :B

Vamos começar com o tuto de como separar os gadgets em caixa.Créditos: www
É suuper fácil.Esse é o tuto 1/4.
Primeiro,vá no Desing do Modelo,e faça como na imagem:

Agora,Voltar para o Blogger >> Editar HTML

Dê um Ctrl F ou F3 e procure por: /* Widgets

Antes de fechar a chave } cole o código abaixo:

background: #fff; /*---- cor do fundo da caixa ----*/ 

  padding-left: 20px; /*---- espaço à esquerda ----*/ 

  padding-bottom: 20px;  /*--- espaço de baixo ---*/ 

  padding-right: 20px; /*--- espaço à direita ---*/ 

  padding-top: 5px; /*---- espaço de cima ----*/ 

border-radius: 5px; /*---- bordas arredondadas, apague a linha se não quiser ----*/

box-shadow: 1px 3px 15px 2px #ccc; /*---- sombra da caixa ----*/

Assim:

Eu não gosto da sombra,por isso tirei e-e. A primeira parte está feita,vamos ao próximo tuto!
Como colocar ribbon no título dos gadgets. Créditos : www
Vá em Desing >> Editar HTML > Dê um Ctrl F e procure por :

/* Mobile 

Antes de body.mobile cole :

.sidebar .widget h2{background: url(LINK DA SUA FAIXINHA)  no-repeat left;margin-top:-2px;margin-left:-19px;margin-bottom:0px;padding:15px;width:150%;overflow:hidden;} 

Assim:

 Ribbons aqui : www

 Quando visualizar o blog,verá que ta um pouco desalinhado,mas é fácil resolver isso.

Vá em Desing>>Designer do modelo :

E vai aumentando até dar xD Bom,esse foi o único modo que eu achei.Agora vamos centralizar o título dos gadgets Créditos: www

Dê um Ctrl F e procure por  .sidebar .widget h2 {

Logo abaixo cole esse código : text-align: center;

Pronto!Agora vamos para o último tuto ufa

Como colocar essa "faixinha" embaixo dos gadgets.

Vá em Desing>Editar HTML>Procure por:

/* Widgets

Logo abaixo você deve encontrar mais ou menos assim:

border-bottom:2px solid $(widget.border.bevel.color);

Onde eu destaquei,você deve mudar para 7px

Salve e vá em Desing do modelo.

Escolha a cor,e salve.E pronto!Só não fica no último gadget,ok?Vamos ao resultado final:

Ufa,já tava quase desistindo do post,deu muuito trabalho,acreditem e.e'

Bom amores,é só beeeeeijos amo vocês o/