Para esto tenéis que utilizar el siguiente código.
Tenéis que ir a Temas y editar HTML ( recordar hacer copia de seguridad) y teneis que poner lo siguiente.
Buscar: /* Header
Pegar el código debajo: (lo que está en rojo podéis cambiarlo, cuanto más grande sea el número más ocupa esa parte de la cabecera, siempre que la suma de los dos width sume 95 maximo), por ejemplo el primer width:65% y el de header2 width:30%
.header {
width:65%;
float: left;
margin:0 auto 1%;
}
.header2 {
width:30%;
float: right;
margin:0 auto 1%;
}
Buscar este codigo:
<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></div>
Y agregar lo que esta en rojo quedaría así :
<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>
