Big tutorial:Criando layout

Queridos sucos de cogumelos alucinógenos; hoje vou ensinar como criar um layout por HTML,vamos lá?

Parte 1 - Ajustando o modelo

Vá para o Designer do modelo (Design> Designer do modelo) e coloque a segunda versão do modelo travel:

Agora clique em 'Avançado', e depois em 'Plano de fundo da postagem'. Coloque uma cor da sua preferência (Recomendo branco).

Clique em 'Aplicar ao blog' e depois clique em '<< Voltar para o Blogger'.
Vamos para Editar HTML. Tecle Ctrl F e procure por:

content-outer .content-cap-top {

Você vai achar isso:

.content-outer .content-cap-top {
  height: $(content.imageBorder.top.space);
  background: transparent $(content.imageBorder.top) repeat-x scroll top center;
}

.content-outer {
  margin: 0 auto;
  padding-top: $(content.margin);
}

.content-inner {
  background: $(content.background);
  background-position: left -$(content.imageBorder.top.space);
  background-color: $(content.background.color);
  padding: $(content.padding);
}

Apague as partes que estão sublinhadas e salve.

Parte 2 - O layout

Agora vamos modificar o travel. Ainda em 'Editar HTML', tecle Ctrl F e procure por:

body {

Você vai achar isso:

body {

font: $(body.font);

color: $(body.text.color);

background: $(body.background);

}

Agora, troque a parte em azul pela fonte que você quer usar nesse layout; a parte em verde pela cor da fonte; e a parte em vermelho pelo background (Tutorial de backgrounds aqui).

Tecle Ctrl F novamente e procure por:

a:link {

Você vai encontrar isso:

            a:link {

  text-decoration:none;

  color: $(link.color);

}

a:visited {

  text-decoration:none;

  color: $(link.visited.color);

}

a:hover {

  text-decoration:underline;

  color: $(link.hover.color);

}

Substitua as partes que estão em roxo, laranja e azul pela cor dos links normais, já visitados e em hover; respectivamente. {Tutorial de links em fade}

Parte 3 - Personalize

Vou deixar alguns tutoriais úteis para vocês.

Menu: Aqui.
Retire os link 'Assinar postagens (Atom)':  Aqui.
Personalize os títulos dos gadgets: Aqui.
Personalizar a data da postagem:  Aqui.
Personalize o blockquote: Aqui.
Personalizar os comentários: 1, 2.
Mais tutoriais: Aqui.