Dividir o Cabeçalho do Blog em Dois

Vou ensinar a como dividir o Cabeçalho do Blog em duas partes.
Alguns blogueiros não utiliza todo o espaço que o cabeçalho tem em disponível, e sempre fica um espaço vazio em que poderíamos está ocupando ele com um novo Gadget ou com algo em seu critério...

Para dividir o cabeçalho vamos precisar editar o HTML do seu Blog, caso você não saiba não se preocupe vou explicar passo a passo.
BOS: Sempre antes de toda a edição de HTML é aconselhável Baixar uma cópia do seu Template (Modelo).

1° Passo: Primeiro você vai na Guia MODELO depois em >> EDITAR HTML.

Clique na imagem para visualizar

Depois que você clicar em Editar HTML logo abrirá uma nova janela, aí você vai clicar no botão PROSSEGUIR 

Clique na imagem para visualizar

Depois Marque a opção Expandir Modelo de Widgets

2° Passo: Vamos agora encontra um trecho do código do HTML do seu Blog, e para isso temos uma tecla de pesquisa então você pressiona as teclas Ctrl + F do seu teclado para pesquisar este trecho:

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

Quando encontrar a parte do código que eu mostrei logo a cima, você vai fazer as seguintes alterações nele:

1. Onde está o número 1 você troca por '2'
2. E onde tem a palavra: 'no'  você altera por: yes

E vai ficar deste assim:

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

3° Passo: Vamos agora procurar outro código, utilize novamente as teclas de pesquisa e pesquise por:
<b:widget id='Header1' locked='true' title='TITULO DO SEU BLOG (Cabeçalho)' type='Header'>

Nesse código você vai alterar a palavra 'true' por 'false'

Agora Clique em Salvar.

4º Passo: Depois de Salvar as alterações feita no HTML,e vá em layout e arraste o cabeçalho do seu blog para baixo ou qualquer lugar e depois salve Organização.
Isso é para facilitar o nosso trabalho no HTML.

Clique na imagem para visualizar

5º Quinto passo: Volte novamente no HTML e marque a opção expandir e procure agora por:

<div class='header-outer'>

6° Passo: E quando encontrar substitua esse código por este:

<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;'/>

7º Sétimo Passo: Clique agora em Visualizar e veja se você fez certo e depois Salve o modelo.

8º Oitavo Passo: Volte agora ao Layout e veja que a área do cabeçalho esta dividida em duas partes,

depois é só começar a adicionar os novos gadgets:

Clique na imagem para visualizar