HTML Base para Templates

Segue o link de HTML Base para seus templates, lembrando que este é um template com 1 barra:

http://pastebin.com/KBf4n8rK

Clique em mais informações para explicações:

Como Editar seu HTML Base

No topo do blog está disponibilizado o HTML Base para vocês usarem na hora de fazer o template de seus blogs, certo? 
Bom, alguns trechos que devem ser editados por vocês deixaram de ser comentados e, por isso, criei este post. 

Como Fazer um Título de Gadget para seu Template

Olá pessoal!

Hoje, irei ensinar vocês a fazer um Título de Gadget para você colocar em seu template. Bom, irei usar o Adobe Fireworks CS4 (qualquer versão serve). Primeiro, abra um novo arquivo (Ctrl + N) e coloque as dimensões de sua preferência:

Como Fazer um Cabeçalho Solto ao Corpo

Bom, no blog já tem um tutorial de cabeçalho. Mas é preso ao corpo, ou seja, não tinha junção com a sidebar e também ocupava todo o tamanho possível de sua imagem. Assim:

Agora, terá duas diferenças. 1ª - Terá uma continuação da sidebar, fazendo como uma junção entre as duas partes do template. 2ª - O cabeçalho será arredondado e não ocupará as extremidades da imagem, com fundo transparente. Bom, vamos começar:

Como Fazer Sidebar com 2 Barras

Para fazer a sidebar do nosso blog com o Fireworks CS4 você irá abrí-lo e clicar em New Document. Coloque as seguintes dimensões:

Width: 982

Largura: 100 (de sua preferência)

Com tudo aberto, iremos clicar na Retangle Tool e fazer um retângulo ocupando toda a altura, porém só uma parte do largura que iremos ajustar o tamanho dele depois de criá-lo, mais ou menos assim:

Como Fazer Cabeçalho Junto ao Corpo

Bom, como fazer um cabeçalho foi o tutorial vencedor na nossa enquete, então vim trazer ele aqui. Não se esqueça, ainda terá o tutorial de cabeçalho solto, não grudado no corpo. Vamos começar, primeiro abra seu Fireworks.
Atenção: Todos os tutoriais que faremos de sidebar, rodapé e etc será para colocar no HTML Base disponibilizado nesse link, por isso, as dimensões serão sempre de 982 pixels de largura.

Como Linkar Partes de um Cabeçalho / Como Fazer um Menu Linkado

Usaremos duas coisas para fazer, o Adobe Fireworks CS4 e um site chamado Image Maps. Esse site tem a mesma função que o DreamWaver, mas considero ele bem melhor, pois é online e mais fácil de ser usado. Vamos começar...