Como dividir o cabeçalho do blog em duas partes | Quero Dicas | Tutoriais para seu blogs


Como dividir o cabeçalho do blog em duas partes

Vamos mais uma vez modelar nosso Template? Deixar ele diferente?
Nesta postagem eu vou ensinar como fazer duas colunas no cabeçalho do blog. Esta é uma técnica muito útil para tornar seu template mais interessante e aproveitar melhor os espaços.
Principalmente, para quem utiliza propagandas no blog.
Vamos lá?

  Passo 1

Primeiramente, faça o backup do seu blog, assim não perderá nada caso ocorra algum erro.
Não sabe fazer backup? sem problema, veja este tutorial.

Depois disso, entre no HTML do seu blog, clique Ctrl + F e procure por:
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
 

↓ Imagem de entrada para o HTML do seu template ↓

  Passo 2

Na parte do código escrita maxwidgets='1' você deve mudar o numero '1' para a quantidade de gadgets que pretende usar, mais sempre deixe 1 a mais do que pretende.

Por exemplo: Se você vai usar 3 gadgets acima do cabeçalho, marque 4.

Troque também a palavra do código showaddelement='no' por 'yes', isso vai mostrar o "adicionar gadget"

Veja na imagem abaixo ↓

Agora, precisamos trocar:  locked='true', por  locked='false'. (ele está bem abaixo)

Veja ↓

  Passo 3


Agora procure pelo código:

 <div class='header-outer'>


Quando encontrar, apague e coloque o código abaixo 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;'/>

 
Neste novo código adicionado, os valores  que aparecem width:50%, são as larguras de cada coluna, altere pelo tamanho que como desejar.
Mas saiba: Caso queira alterar, deverá tirar de uma e colocar na outra, nunca deixando faltar ou passando de 100%.. Por exemplo: usar 70 e 30.


Salve suas alterações, vá em Layout e atualize a página do Blogger e Prontinho! 

Gostou? Ajudou? Deixe seu comentário.
Beijinhos
Me Contrate!


Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço por sua colaboração.

Comente. Mais peço que leia antes:

1 - Devido a falta de tempo, não prometo responder a todos os comentários. Mais farei o possível.

2 - Educação sempre! Comentários com xingamentos entre outros, não serão publicados ou respondidos.

3 - Comentários não relacionados ao titulo, não serão publicados.

4 - Comentários somente URLs de terceiros, não serão publicados.

♥ - Caso queira divulgar seu blog gratuitamente, Acesse, Galeria de Blogs
♥ - Eu terei o maior prazer em colocar o link ou seu banner nesta galeria.

Muito obrigada por seu comentário e por sua vista.
Beijinhos ♥
Abrir Conversa em CódigoFechar Conversa em Código Abrir EmoticonFechar Emoticon

Obrigada por seu comentário! Ele é muito importante para mim.