segunda-feira, 9 de setembro de 2013

Como dividir cabeçalho do blogger em 2 partes


            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