Dividir Cabeçalho do Blogger em duas partes

Como fazer duas colunas no cabeçalho do blog como a imagem acima pode ser bem útil para tornar seu template mais interessante e aproveitar melhor o espaço da sua pagina. Já mostramos como fazer isso nos templates tradicionais do blogger: Como dividir o cabeçalho do blog em duas partes, mas faltou publicar uma atualização sobre como fazer nos templates novos do Design do Modelo.

Para fazer essa alteração entre na pagina editar html, mas antes de começar faça um backup do seu blog (salvar uma cópia do template), assim não perderá nada caso ocorra 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.



Depois isso é só salvar as alterações de html e entrar em elemento de pagina, onde poderá arrastar os gadgets para dentro das colunas do cabeçalho do seu blog ou adicionar gadgets diretamente nelas.


Créditos