"Estimado visitante... He querido compartir contigo en este blog, lo que para mi en alguna ocasión me ha sido muy útil. A todos los bloggers que han contribuido a enriquecer mi experiencia y conocimiento como blogger, "muchas gracias"

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

"Estimado visitante... He querido compartir contigo en este blog, lo que para mi en alguna ocasión me ha sido muy útil. A todos los bloggers que han contribuido a enriquecer mi experiencia y conocimiento como blogger, "muchas gracias"

  © Link Web Blog Links Bloggers by Facebook LWB 2012

Back to TOP- Volver al principio - pulsa para SUBIR