Dividir la Cabecera en Dos-Blogger

Hace unos días en Ciudad Blogger  me encontré con un truco muy interesante, es el truco de dividir la cabecera en dos podemos agregar banners, buscadores, o cualquier otra cosa, por ejemplo:

el procedimiento es para plantillas basadas en minima y también para las plantillas creadas por el diseñador
de plantillas.

Plantillas Creadas Por el Diseñador de Plantillas:
primero Entramos a Diseño/ Edición de HTML / y SIN  Expandir los Artilugios Buscamos:

/* Header
----------------------------------------------- */

y Justo Abajo Pegamos:

.header {width:48%; float: left; margin:0 auto 1%;}
.header2 {width:48%; float: right; margin:0 auto 1%;}

 Ahora Buscamos este Codigo y pegamos lo que esta en rojo:

<div class='region-inner header-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Título del blog (cabecera)' type='Header'/>
</b:section>
<b:section class='header2' id='header2' showaddelement='yes'/>
<div style='clear: both;'/>
</div>

 ahora guardamos los cambios y la cabecera va a estar dividida en 2 partes.

Para las Plantillas Antiguas:
igual vamos a Diseño/ Edición de HTML/ y SIN expandir la pantilla de artilugios
buscamos este codigo:

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

 y en su lugar pegamos:

#header {
width: 48%;
float: left;
margin:0 auto 1%;
text-align: center;
color: #000;
}

#header2 {
width: 48%;
float: right;
margin:0 auto 1%;
text-align: center;
color: #000;
}

 y ahora buscamos el codigo y pegamos lo que esta en rojo:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Título de tu blog (cabecera)' type='Header'/>
</b:section>
<b:section class='header2' id='header2' showaddelement='yes'/>
<div style='clear: both;'/>
</div>

y ya, tenemos la cabecera dividida en dos partes.