Blog Animando: Dividir cabecera del blog

Anuncios

Diseña tu mundo antonio100101 Animaciones Fihnecjovenes

Dividir cabecera del blog

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.
El proceso que veremos es para las plantillas basadas en la plantilla Mínima y para las que son del 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 ello pega los siguiente:
.header {width:48%; float: left; margin:0 auto 1%;}
.header2 {width:48%; float: right; margin:0 auto 1%;}

Ahora busca el siguiente codigo y agrega lo de color amarillo:
<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>

Y listo ahora puedes guardar cambios e ir a Diseño y veremos la cabecera dividida.

No hay comentarios:

Publicar un comentario

Deja tu comentario