Como separar a área das postagens?

Tipo ''muuuuitas'' pessoas estão me pedindo este tutorial O.o Atendendo a vários pedidos aqui está (:

Eu uso o modelo viagem do blogger e não tive problemas para encontrar os códigos! O tutorial é fácil, mais vale lembrar que é sempre bom fazer o backup do blog antes de fazer qualquer modificação no HTML. Ok?

1. Vá no seu HTML. Dê um ctrl + f e na barra de pesquisa que apareceu procure por:

.main-inner .column-center-outer {

Se você ''NUNCA'' mexeu nesta área do template ela estará mais ou menos assim:

.main-inner .column-center-outer {  
background: $(post.background.color) $(post.background.url) repeat scroll top left;
_background-image: none; 
}

2. Então substitua todo este código por este:

.post-outer {

margin: 3px 8px 15px;

background:#fff;

padding: 5px 5px;

box-shadow: 1px 4px 19px 2px #DCDCDC;

padding: 5px;

border-radius: 50px;

}

P.S - A parte destacada de laranja é a borda arredondada. Quanto maior o valor mais arredondada ficará!

- As partes destacadas de azul equivale  a distancia dos textos e imagens de dentro das postagens ou seja quanto maior o número, mais distante os textos vão ficar da margem da postagem.
- Só altere os números ou os códigos de cores (www)

3. Visualize se estiver tudo ok, salve!

Espero que tenham gostado!

Bye