Dividir la cabecera del blog 2

Dividir la cabecera del blog sirve para poder poner al lado del título del blog algún gadget como un anuncio, algún banner, un buscador, etc.

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:47%;
float: right;
margin:0 auto 1%;
}

Ahora busca el siguiente código y agrega lo que está en color 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>

Guarda los cambios y listo.

Ahora puedes ir a Diseño ► Elementos de la página y podrás ver la cabecera dividida en dos partes.

NOTA:

No puedo dividir mi cabecera
PUEDE OCURRIR QUE: ahora bien, supongo que a lo que se refiere es que después de esto:

<b:widget id='Header1' locked='true' title='Título del blog (cabecera)' type='Header'/>

usted tiene esto: <b:includable> y no esto: </b:section>

Pues bien, en realidad no es así, si nota la diferencia le he agregado con color rojo dos líneas arriba, hay una linea diagonal de cierre en el ejemplo que muestra y en su plantilla no... para encontrar el </b:section> le muestro esquemáticamente como podría verse su plantilla:

<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:includable id='main'> Mucho mucho codigo aqui </b:includable>

<b:includable id='description'> Mucho mucho codigo aqui </b:includable>

 <b:includable id='title'> Mucho mucho codigo aqui </b:includable>

 </b:widget>

</b:section>    <<<============= aquí se encuentra el </b:section>

http://bloggersinescalones.blogspot.com/2015/01/dividir-la-cabecera-del-blog-2.html

Read more...