[Tutoriais] Dividir Header em 2 colunas no Designer de modelo

Esse tutorial achei no Mundo Blogger. Eu testei ele e deu certo é só seguir os passos que não tem erro. 
Confiram:

A primeira coisa a fazer, é um backup do seu template para evitar transtornos, caso algo saia errado.

1º passo: Ajuste o tamanho da fonte do seu cabeçalho.

Entre na aba “designer de modelo” e clique no modo “avançado“.

Clique em “titulo do blog” e ajuste para um valor menor (20,24 ou 30px, depende do modelo que você estiver usando).

2º passo: Procure por:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

onde está maxwidgets=’1‘- troque por maxwidgets=’5‘.
onde está showaddelement=’no‘ – troque por showaddelement=’yes‘.
Agora na linha logo abaixo do trecho que você acabou de localizar, procure por:

Header1' locked='true

Onde está escrito true – troque por false.


3º passo: Agora arraste o gadget do cabeçalho, deslocando-o para outro lugar, como a sidebar ou o footer, por exemplo, para que possamos trabalhar na inclusão das colunas.

4º passo: Volte no modo “editar html” e procure por:

<div class='header-outer'>

Substitua por:

<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;'/>

Salve!

Entre na aba “elementos de página“.

Notem que acima do gadget “Páginas” apareceu uma coluna, precisamos retirá-la dali para evitar que desconfigure o cabeçalho.

Precisamos localizar novamente aquele código do 2º passo, só que desta vez faremos o inverso.



:: Créditos: Mundo Blogger

Nenhum comentário:

Postar um comentário

Deixe seu comentário