Aprendendo com os erros do Blogger

Oi pessoas,
Algumas coisas é bem melhor apenas seguir o tutorial e não entender as explicações, se dar certo ótimo, se errado, não tente consertar se não souber.
E algumas explicações se tornam muito confusas acabando por confundir quem entende e tenta ajudar. O negócio é seguir o instinto e se quiser ir mais além, fazer por vontade própria.
Mas quando se trata da capacidade de se meter em enroscadas, o bicho Homem é genial!
Foi assim, eu resolvi dá um formato a meu blog, do jeito que eu queria, então errando mais que acertando eu fui aprendendo uns macetes e ajeitei o laytout do blog. Nesse interstício, tive grandiosas colaborações de vocês comentando e me visitando, dando aquele incentivo.
O fato é que eu não queria mais ter uma sidebar enorme cheia de penduricalhos como eu tinha antes, queria algo simples.
Então eu tive que fazer um footer, que é aqueles Box logo abaixo das postagens. Porem não é fácil arrumar aquilo.
Porque dona Iara?? Porque eu queria entender o que eu estava fazendo – iara tem dessas manias, eu só faço algo se eu entender e souber o que estou mexendo, eu me sinto segura assim.
Ok, mas os problemas apareceram vamos ordernar tudo:

1º problema: Eu resolvi ter o hack leia mais, post resumido, resumo do post, pra ter mais posts na primeira página, mas NÃO funcionou, eu tinha guardado um becape do template sem o hack, mas eu juro, não sei onde eu enfiei no meu próprio computador!! Acho que minha irmã deve ter deletado, ou ainda, eu deva ter salvo na pasta dos arquivos temporários, eu sempre faço isso, enfim, fui apagar o código e acabei deletando o que eu não devia, de forma que virou uma bagunça geral, só dava erro bx-sywserljfhbnsvm! e eu não consegui fazer mais nada.
Mas eu não desisti e dei um jeitinho, mas o jeitinho implicou em apagar o footer que eu tive um trabalhão pra colocar no blog.

2º problema: Deletado o footer do blog, eu não dei conta de fazer de novo como eu já tinha feito, vai entender, dava um erro dizendo que os elementos XML não estavam fechados corretamente, as benditas das div’s me deram dor de cabeça! Mas não entendia a lógica da coisa, eu só pegava os códigos e colava.
Mas não parou aí, derrepente o Blogger não aceitava mais que eu adicionasse os elementos da pagina, mais dor de cabeça.
Mas como eu sou brasileira e não desisto nunca, eu comecei a tentar entender cada elemento daquele.

Então o resumo da ópera fica assim:

Temos um lote bem grande = OUTER-WRAPPER;

O lote tem uma casa = CONTENT-WRAPPER;
A casa tem xx cômodos: HEADER, MAIN, SIDEBAR, FOOTER;
Cada cômodo recebe um nome diferente um do outro, temos: Quarto, a cozinha, o banheiro, etc. = ‘ID’;

Para cada cômodo que tem um nome diferente possui alguns moveis, que podem ser iguais, por exemplo, pode haver duas camas, dois guarda-roupas e etc. =CLASS;

Para proteger a casa a trancamos com uma chave. DIV;
E mesmo que a casa esteja fechada com a chave ainda resta o lote, logo precisamos proteger o lote com um muro. BODY;
O lote, a casa, os cômodos, os móveis e o muro ficam bonitinhos se pintados, decorados, com medidas proporcionais = ESTILOS CSS;
Fechou o pacote. Entenderam??

E como podem perceber, ainda não dei conta de ajustar os códigos, os elementos se esconderam e eu não consigo alinhá-los. Sem falar que ao mexer numa coisa eu baguncei o meu cabeçalho.
Creditos da imagem.