12 de enero de 2015

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.



No hay comentarios:

Publicar un comentario

Diseño por Blogger Sin Escalones Con la tecnología de Blogger.