Como dividir o cabeçalho do Blogger em duas partes

Quando você dividi o cabeçalho você poderá ter novas possibilidades como por exemplo, colocar um anuncio do lado do título, seria interessante ao olhos dos visitantes e ainda poderias ter um diferencial no design do seu blog. Parece complicado! Mas não é, apenas siga o tutorial direitinho e veja que não é tão complicado assim.

Mas antes de começar recomendo que você faça um backup do template. Caso ainda não saiba como proceder, acesse o artigo Como Fazer Backup do Blog

Agora vamos aprender como se divide o cabeçalho do Blogger em 2 partes:

1º Vá em "Modelo" e depois "Editar Html"
2º Depois pressione "Ctrl + F" e procure por:


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

Agora vamos fazer as alterações:
Quando achar o código, faça as seguintes alterações:

Em: maxwidgets='1' mude de 1 para 2.
Em: showaddelement='no'  mude o  "  no " para " yes" " showaddelement='yes'.(isso faz mostrar o,  Adicionar Gadget.)

Precisamos alterar também é:  ( Header1' locked='true' troque 'true' por 'false' ) isso faz que você possa mudar o gadget de lugar. Se for o código certo, você verá o "Header1' locked='true' ".

Agora pressione " Ctrl +F " e procure por:
<div class='header-outer'>


Apague ele, e cole o seguinte código no lugar dele:

<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;'/>
Em: width:50% é o valor da largura de cada coluna. Você pode edita-los como quiser Ex: Ao invés de usar 50 e 50 você pode usar 70 e 30.
Odnei Sales
Odnei Sales

This is a short biography of the post author. Maecenas nec odio et ante tincidunt tempus donec vitae sapien ut libero venenatis faucibus nullam quis ante maecenas nec odio et ante tincidunt tempus donec.

Nenhum comentário:

Postar um comentário