HTML- Template de uma Barra na Direita

       Eai galera do zona  de design eu sou um dos integrantes desse blog super manero sobre design. Meu nome é vivibi900  (nome de pinguin) e hoje vou postar sobre o HTML do template de uma barra na direita confiram:

Link:

http://leprechaunbrasileiro.blogspot.com.br/2012/04/html-barra-direita.html

Rodapé

     Agora irei ensinar a fazer as partes desse template passo a passo primeiro vamos fazer o rodapé aqui esta um exemplo:

Clique para aumentar a tela:

     Tem que ser de 982px (pixels) de largura (width) e você pode escolher a altura,porem se a altura for maior que 98px vc precisa ir em editar HTML e apertar Ctrl e depois f e vai aparecer um quadradinho em cima da tela do lado direito e então vc escreve LINK DO RODAPÉ depois vai ficar assim:

Clique para aumentar a tela:

      Na parte onde a setinha esta apontando vc deve mudar o heigth para a altura do seu rodapé se vc nao fizer isso alguma parte do seu rodapé pode ser cortado e nao aparecera  todo.

     Quando acabar vc vai em tinypic.com e coloca a sua imagem e clica em upload now entao vc copia a parte debaixo do lugar que esta falando "Direct Link for Layouts"  então volta para editar HTML e aperta denovo Ctrl e depois f e ecreve denovo LINK DO RODAPÉ e na parte laranja que vai esta escrito link do rodapé vc coloca o link e depois salva, pronto ensinei a fazer o rodapé agora vamos passar para a outra parte.

Sidebar

       Agora irei ensinar a fazer o sidebar , essa parte é mais facil aqui esta o sidebar:

Clique para aumentar a tela:

982x270px

      Depois é so vc editar e ir em tinypic.com faz o que eu ensinei e volta para editar HTML e aperta Ctrl depois f e escreve LINK DA SIDEBAR e na parte laranja assim:

Clique para aumentar a tela:

       Vc coloca o link que vc copio do "Direct Link for Layouts"  pronto agora vamos para a proxima etapa.

Link do título da sidebar

      Agora vamos fazer o título da sidebar aqui vai um exemplo:

Esse tem 232x40 nao é o tamanho original o tamanho original é 208x35

Para montar o template no HTML, simplesmente você só apertar CTRL + F e pesquisar estas palavras (códigos) no template:

• NOME DO SEU BLOG - Coloque o Nome do Seu Blog.
• NOME DO CRIADOR - Coloque o Nome do Criador do Template
• LINK DO FUNDO DA PÁGINA - Coloque o Link do Fundo da Página*
• LINK DO CABEÇALHO - Coloque o Link do Cabeçalho*
• LINK DA SIDEBAR - Coloque o Link da Barra Lateral*
• LINK DO TÍTULO DA SIDEBAR - Coloque o Link do Título da Sidebar*
• LINK DO RODAPÉ - Coloque o Link do Rodapé*

~Vivibi900~