Dividir Cabeçalho do blog em 2 Colunas






Como fazer 2 colunas no cabeçalho do blog pode ser muito útil para tornar seu template mais dinamico e aproveitar melhor o espaço. Como dividir o cabeçalho do blog em duas partes.

Para fazer essa alteração entre em editar html, mas antes de começar faça um backup(salve modelo do blog antes da mudança)do seu blog,para não correr o risco se dar errado, não perderá nada algum erro nas edições de html. Depois disso 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.

Outra parte do html que precisamos mudar é;
Header1' locked='true' , trocando true por false, isso permitirá mudar o cabeçalho de lugar e arrastá-lo para dentro das colunas que vamos criar no cabeçalho do blog.

Agora encontre <div class='header-outer'>, apague e coloque esse código no lugar:
<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.









Abraços ate a proxima.
Deixe seu comentario