Dividir la cabecera del blog

Al dividir la cabecera tendrás la posibilidad de poner al lado una imagen, un banner, un enlace o lo que desees.
El procedimiento es sencillo:
Para las plantillas hechas con el Diseñador de plantillas de Blogger:

Primero entra en Diseño | Edición de HTML y SIN expandir los artilugios busca esta parte:

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

Debajo de ella, pega lo siguiente:

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

Ahora busca el siguiente código y agrega lo que está en color verde:


<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>

Guarda los cambios y listo. Ahora podrás ir a Diseño | Elementos de página y tendrás la cabecera dividida en dos:

Fuente: CiudadBlogger