Para dividirmos a header "cabeçalho" precisamos fazer alterações no htlm vejamos:
Modelo>editar HTML
após isso pressione as duas teclas juntas Ctrl = F e procure por:
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
No trecho: maxwidgets='1' você deve mudar o numero 1 para 4 ou qualquer outra quantidade de gadgets que pretenda usar, ou simplesmente apagar esses códigos, assim o blogger não limitará o numero de gadgets neste setor.
Também troque a palavra 'no' por 'yes' neste trecho: showaddelement='no', isso faz mostrar o adicionar gadget.
Agora procure por:
<div class='header-outer'>
Apague o código acima e troque por esse:
<div class='header-outer'>
<div id='header-left' style='width:50%; float: left; margin:0; '>
<b:section class='header-left' id='header-left' preferred='yes' style='float:left;'/>
</div>
<div id='header-right' style='width:50%; float: right; margin:0; '>
<b:section class='header-right' id='header-right' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
Os valores width:50% são as larguras de cada coluna, você pode alterar como desejar, mas o quanto aumentar em uma deverá tirar da outra ou seja em vez de usar 50 e 50 pode usar 70 e 30.

Nenhum comentário:
Postar um comentário