Dividir o cabeçalho do blog em 2 partes

Dividir o cabeçalho do blog em duas partes, server para colocar por exemplo, colocar o logotipo do blog na primeira parte, e na segunda caixa de busca e logotipos das redes sociais. 

Esta postagem eu vi no Dicas para Blogs, achei interessante e estou postando aqui.

É muito fácil, então vamos por a mão no mouse.

No painel do blogger, vá em Deisgn> Eeditar HTML>

Procure (CTRL+F) por:

<div id='header-wrapper'>

<b:section class='header' id='header' showaddelement='yes'>

<b:widget id='Header1' locked='true' title='T Dicas (Cabeçalho)' type='Header'/>

<b:widget id='HTML7' locked='false' title='' type='HTML'/>

</b:section>

</div>

Troque por:

<div id='header-wrapper'>
<div id='header-column-container'>
<div id='header2' style='width: 74%; float: left; margin:0; '>
<b:section class='header-column' id='header-column-left' preferred='yes' style='float:left;'>
<b:widget id='Header1' locked='true' title='T Dicas (Cabeçalho)' type='Header'/>
</b:section>
</div>
<div id='header3' style='width: 25%; float: right; margin:0; '>
<b:section class='header-column' id='header-column-right' preferred='yes' style='float:right;'>
<b:widget id='HTML7' locked='false' title='' type='HTML'/>
</b:section>
</div>
<div style='clear:both;'/>
<div id='header-bottom'>
<b:section class='header' id='header-column-bottom' preferred='yes'>
</b:section>
</div>
<div style='clear:both;'/>
</div></div>

Repare nas linhas que estão em negrito no código, no seu blog elas serão parecidas com essas não exatamente iguais.

Para alterar as larguras ou lado das colunas do cabeçalho é só modificar essas partes do código:

width: 25%; float: right;
width: 74%; float: left;


Você percebeu que a soma dos valores não chega a 100% isso é para evitar que em alguns navegadores uma coluna fique embaixo da outra devido à falta de espaço. E para trocar as colunas de lado só precisa mudar de lugar as palavras left e right nos códigos. Espero que essa dica seja muito útil e ajude a melhorar o visual do blog.

Um abraço, até mais.