Novo Layout + Novidade + Tutorial

           Hooy meninas,tudo bem? Bom,comigo está tudo até agora!

Gostaram do novo layout? Eu adorei *--* Ficou menos kawaii... deixem a opinião de vocês sobre ele.A novidade é que todos os tutoriais que eu usei dessa vez,completamente  todos eu irei ensinar aqui no blog okay?

Vamos ao primeiro tutorial? Com separar as postagens,arrendonda-lás e por fim fazer a mesma coisa com os gadgets okay?

Barra lateral como aqui no blog:

Vá em design,editar HTML,dê CTRL +F outro F3 e procure por:

/* Widgets

E antes da chavezinha } fechar cole o seguinte código:

background: #fff; /*----Cor do fundo do gadget----*/
  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, se não quiser apague essa linha inteira----*/
box-shadow: 1px 3px 15px 2px #ccc; /*---- sombra da caixa ----*/

A cor da barra lateral vai ficar lá,mais você tem que tirar.Vá em design,editar design do modelo,vá em avançado e na "cor da barra lateral" deixe a cor transparente e a cor da moldura também.Feito isso ficará Bonitinho *-*

Créditos: (www)




Separar os posts:


Procure por:

 .main-inner .column-center-outer {

E apague até a chavezinha }
no lugar desse código cole esse aqui

.post-outer {

background: #fff; /* Fundo da postagem */

padding-top: 4px; /* Espaço do topo */

padding-left: 5px; /* Espaço da esquerda */

padding-right: 5px; /* Espaço da direita */

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

margin: 5px 3px 25px;

}

P.S: Se quiser deixar mais redondas as bordas mude " 5px para 10px,15px ou a sua preferencia.

 Personalize o código,visualize e se estiver dando certo salve!
Beijos,espero ter ajudado e os créditos do segundo tutorial eu não esqueci (www)