Post Top Ad

segunda-feira, 24 de abril de 2017

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.

Nenhum comentário:

Postar um comentário

Espere...
2016TATILRA50

Nunca compartilharemos seu endereço de E-mail com terceiros.

Page views

GOOGLE+

SEGUIDORES

Usamos cookies próprios e de terceiros que entre outras coisas recolhem dados sobre seus hábitos de navegação para mostrar publicidades personalizadas e realizar análises de uso de nosso site.
Se continares navegando consideramos que aceita seu uso. Entendi Mais informações