Mais espaço no Blog: 3 colunas abaixo do cabeçalho

Muitos blogs necessitam de muitos gadgets, e muitas vezes o autor do blog não encontra lugares adequados ou até mesmo não encontra “ESPAÇO” para colocar esses gadgets. Um local legal para se por gadgets é embaixo o cabeçalho (header), pois o visitante logo verá aquele gadget e poderá usá-lo. Então vamos aprender a colocar três colunas debaixo do cabeçalho.

1º Passo - Baixe uma cópia do seu modelo

Siga para Editar HTML. E para a própria segurança do blog é aconselhável que se baixe uma cópia do modelo, prevenindo-se de possíveis desastres no HTML do blog.

2º Passo - Adicionar o código

Agora que o blog já está prevenido, vamos colocar o código para as colunas, para isso ainda no editar HTML, não marque a caixinha “expandir modelos de widgets”, e encontre a linha: “</header'>”, e logo ABAIXO dessa linha, cole o código:

<div id='columns-top'>
<div id='footer-column-container'> 
<div id='top-column-left' style='float:left; width: 32%;margin: 3px;'> 
<b:section class='top-columns' id='column1' maxwidgets='2' showaddelement='yes'/></div> 
<div id='top-column-center' style='float:left; width: 33%;margin: 2px'> 
<b:section class='top-columns' id='column2' maxwidgets='2' showaddelement='yes'/></div> 
<div id='top-column-right' style='float:left; width: 32%;margin: 3px;'> 
<b:section class='top-columns' id='column3' maxwidgets='2' showaddelement='yes'/></div> 
<div style='clear:both;'/> 
</div></div>

Agora clique em “Salvar modelo”, e as três colunas estarão prontas para o uso. Veja na página “Elementos da página”, adicione normalmente os gadgets que desejar: