Big Tutorial: Criando um layout estilo revista #01

Oi galera, tudo bom? Hoje vamos ter um big tutorial. Eu dividi ele em partes para ficar mais fácil de aprender a fazer, hoje vamos ver alguns passos para criar seu lay no estilo revista... Então, vamos que vamos!!

1. Estrutura
Primeiro e antes de tudo você deve criar um blog de testes. Assim que criar o blog de testes você vai ir em:
- MODELO >> PERSONALIZAR >> MODELOS

Escolha  o tema viagem (Travel)

o segundo da linha de baixo.

Agora vá em plano de fundo e tire o background, e salve.
Agora vá em ajustar larguras e ajuste para a largura:

E salve. Depois vá em: Layout e deixe assim:

E salve! clique em "Voltar para o blogger" e em seguida Editar HTML

e procure por:

.content-outer .content-cap-top {

e você vai apagar somente o que está de negrito:

.content-outer .content-cap-top {

  height: $(content.imageBorder.top.space);

  background: transparent $(content.imageBorder.top) repeat-x scroll top center;

}

E mais abaixo vai está: .content-outer {

e você vai apagar:   padding-top: $(content.margin);

e logo abaixo vai está também: .content-inner {

e apague:

 background: $(content.background);

  background-position: left -$(content.imageBorder.top.space);

  background-color: $(content.background.color);

  padding: $(content.padding);

Depois salve, e procure novamente por:

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {

e apague:   margin-left: $(content.padding);

procure por:  .main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

e apague:   margin-right: $(content.padding);

Depois salve.

Vai está parecido com este: Imagem passo 1. estrutura

Bom gente por hoje é só, e fiquem atentos para o próximo passo!!

Beijos...