2 de abr de 2012

Como dividir o cabeçalho em dois!

Tumblr_lzcqovwigb1qfdv3ao1_500_large
O sapato para varias *o* Gente, que coisa perfeita >.<'
Hoje estou vindo com uma dica, super legal! E assim, este foi sempre meu sonho, até que achei o tutorial pra isto! Créditos no fim do post, ok!? É bem fácil, sério, uma coisa que fica tão linda é super fácil! /Babei
Abaixo a imagem de como vai ficar:
Dividir Cabeçalho do Blogger

Vamos ao tutorial!?


Antes, faça o backup do seu blog para qualquer erro.
E, procure por:
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
Apague o trecho: 
maxwidgets='1'
E, na palavra no troque por yes. Não tire as ' '!

Procure agora
Header1' locked=
Se tiver Header1' locked='true' troque o true por false, se não, não mecha.

Agora procure
<div class='header-outer'>
e apague, colocando 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;'/>
Os valores com 50 (neste jeito) para as larguras de cada coluna. Aconselho 70 e 30. Lembrando que estamos falando de % a soma deles tem que dar 100 obrigatoriamente.
Salve, e pronto!

O tutorial não é a coisa mais fácil do mundo, mas expliquei bastante e espero que não restam dúvidas. Mas, mesmo assim, qualquer dúvida é só comentar que eu mesma respondo! Ah, e se não der no seu, me fale qual é o seu modo de blogger (Viagem, Simples,...) que eu testo! 



Fonte: Dicas para blogs


Nenhum comentário: