Entendendo os códigos do Blogger

Agora que vocês já sabem a diferença entre layout e template e que é preciso entender HTML e CSS para modificar templates, vamos então começar a estudar os códigos usados nos templates criados para o Blogger/Blogspot.
Antes de mais nada, recomendo que vocês instalem o Template Mínima em um blog de testes. Não sabe como instalar o Mínima? Então acesse:

• Como voltar a usar os antigos templates do Blogger

Bom, os templates que funcionam no Blogger possuem a extensão .XML

O XML é um formato para a criação de documentos com dados organizados de forma hierárquica, como se vê, frequentemente, em documentos de texto formatados, imagens vetoriais ou bancos de dados. Entre linguagens baseadas em XML incluem-se XHTML (formato para páginas Web) Fonte: Wikipedia

Existem algumas regras para o uso de documentos em XML:

• Todo documento XML, tem que ter uma tag introdutória;
• XML  difere letras maiúsculas e minúsculas;
• Todo elemento XML deve ser iniciado e fechado;
• Comentários em XML são iguais ao HTML (<!--comentário-->) .

A tal tag introdutória pode ser vista no começo do Template Mínima:

O XML ou o seu derivado XHTML, a grosso modo, é um HTML melhorado. Ambos utilizam de comandos simples, chamados de tags, para definir as várias partes de uma página web. Veja, a seguir, alguns exemplos de tags HTML:
No site Truques e Dicas, encontrei uma lista com as tags HTML mais utilizadas e suas respectivas funções – Listas de tags comuns
Os templates do Blogger são feitos com XHTML. Sendo assim, aceitam tags HTML.
Basicamente, um template para Blogger/Blogspot é dividido em;

1. tag introdutória
2. variáveis
3. CSS
4. DIVs e Classes

Já expliquei sobre a tag introdutória. Quanto às variáveis,  são a parte que permite a edição das fontes e das cores diretamente pelo painel do Blogger:

O CSS é que vai ditar as regras de posicionamento de todos os elementos do layout, juntamente com as DIVs e classes. Detalhes? Somente no próximo post ;)