Área do post e área de comentários separados

Olá, pessoal, quanto tempo! Estou sem internet em casa, e por isso está muito difícil manter o blog atualizado, espero que entendam. Me pediram em um grupo no Facebook um tutorial de como deixar a área do post e área de comentários separados, como o daqui, então vamos lá.

Parte I

Primeiro você deve deixar a área dos posts transparente.

A princípio vá no editor de modelo, em Modelo > Personalizar, procure pela área das postagens e deixe transparente. Se conseguir, pule para a segunda parte do tutorial

Caso não consiga, vou explicar a seguir como deixar transparente pelo HTML do blog.

1) Vá em Modelo > Editar HTML e, um de cada vez, procure por esses códigos:

.post-outer {

.main-inner .column-center-outer {

2) Depois de achar o código, uma linha ou algumas linhas abaixo do que achar, provavelmente estará escrito "background: alguma coisa;". Daí você só precisar trocar esse ~alguma coisa~ entre os dois pontos (:) e o ponto e vírgula (;) por "transparent". Desse jeito:

.post-outer {
background: transparent;

.main-inner .column-center-outer {
background: transparent;

3) Visualize e se estiver tudo ok salve e pronto.

Parte II

Para personalizar os posts, cole antes de ]]></b:skin> esse código:

.post {
padding: 10px;
background: #ffffff; /* Cor dos posts */
/* Substitua essa linha por bordas arredondadas, sombras, etc. se preferir */
}

Agora, para personalizar a área dos comentários, cole esse código acima de ]]></b:skin>, também:

.comments {
padding: 10px;
background: #ffffff; /* Cor da área dos comentários */
/* Substitua essa linha por bordas arredondadas, sombras, etc. se preferir.*/
}

Eu uso os comentários assim desde o terceiro layout daqui e gosto bastante. Espero que tenham gostado do tutorial, qualquer dúvida é só comentar aqui.