Nova série: como personalizar templates do Blogger

Enquanto o JV inicia uma série de posts sobre o uso do Facebook para blogueiros, eu vou começar uma outra: “como personalizar templates para Blogger/ Blogspot”.
É muito comum me perguntarem se eu uso algum programa para criar meus templates. A resposta é não. O que eu uso é o próprio editor HTML do Blogger, onde vou personalizando o layout através do uso de HTML e CSS.
Primeiramente eu quero deixar claro que todo blogueiro que deseja personalizar seu próprio template, tem que saber HTML e CSS, que são as linguagens de programação utilizadas na criação e personalização de páginas web.

HTML (acrônimo para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) é uma linguagem de marcação utilizada para produzir páginas na Web. Documentos HTML podem ser interpretados por navegadores. A tecnologia é fruto do "casamento" dos padrões HyTime e SGML. Fonte: Wikipedia

Cascading Style Sheets (ou simplesmente CSS) é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento. Fonte: Wikipedia

Existem sites e livros incríveis, que dão muitas dicas preciosas sobre HTML e CSS:

• CSS, Padrões Web e Acessibilidade – Maujor
• Dicas de CSS - Código Fonte
• CSS Tutorial - Table of contents - HTML.net
• CSS – O Manual que faltava – Editora Digerati

A maioria das páginas web foram construídas usando  HTML e CSS 2. Com o Blogger não tem sido diferente. Mas, de um tempo para cá, estamos nos deparando com a terceira versão do CSS - o CSS 3 - que, apesar de ser fantástico, ainda não é totalmente compatível com o Internet Explorer e nem com versões mais antigas dos demais navegadores: Firefox, Chrome, Opera e Safari.

• Dicas Blogger: Campanha “Atualize o seu navegador”
• Dicas de Informatica: O que é um navegador

Para ver a diferença de um template criado usando CSS 3, acesse este modelo customizado pelo Dicas Browser – Template Gradiente. Todo o degradê foi feito usando CSS 3 e não imagens, como era feito no CSS 2.
Conhecendo o básico de CSS, qualquer um consegue fazer modificações no template.
O diferencial entre os designers de templates, nem sempre está no conhecimento e sim na  criatividade. Notem que cada designer possui um estilo próprio – o que leva gente ignorante a achar que os modelos são todos parecidos.
Quem ganha com isso é você, usuário do Blogger, que na hora que quiser baixar um template gratuito ou encomendar um template exclusivo, vai poder escolher entre vários estilos e autores.
Esta série vai receber o marcador “dicas templates”. Um bom proveito para todos nós.