Dividir Cabecera del Blog y Colocar Menú Superior en Blogger

 

Dividir Cabecera del Blog y Colocar Menú Superior en Blogger. Que tal amigos, hoy estamos en nuestro quinto paso para crear nuestro blog gratuito y lo que les quiero enseñar en esta ocasión es a dividir la cabecera de nuestro blog para poder colocar algún banner de publicidad y también les enseñaré a colocar un menú superior donde podrá colocar más categorías. Los pasos son bastante sencillos de realizar así que comencemos.


Dividir Cabecera del Blog

Para eso iremos desde nuestro panel de control a Plantilla >> Editar HTML. Luego damos clic en cualquier espacio en blanco dentro del recuadro donde se encuentran los códigos y colocamos Ctrl+F para que nos aparezca el buscador. En el buscador colocaremos /* Header y daremos Enter.

Ahora lo que haremos será pegar debajo de ésta línea
/* Header
----------------------------------------------- */

Lo siguiente:

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

Luego buscaremos el siguiente código y agregamos 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>

Ahora guardamos la plantilla y ya tendríamos la cabecera dividida para poder colocar nuestro banner. 😉

Colocar menú Superior

Para poder colocar nuestro menú superior lo primero que debemos hacer es habilitar la opción para poder añadir un gadget arriba de la cabecera del blog. Para habilitar esta opción haremos lo siguiente:

Plantilla >> HTML >> Ctrl+F y en el buscador colocamos la siguiente línea <b:section class='header' id='header'

Lo que nos interesa es la línea completa que dice:

<b:section class='header' id='header' maxwidgets='1' name='Header' showaddelement='no'>

Lo que haremos será dejar:

maxwidgets=2

showaddelement='yes'

Luego guardamos plantilla y ya podríamos agregar un gadget sobre la cabecera del blog. 😎

El siguiente paso será ir a Diseño >> Agregar un gadget (arriba de la cabecera) >> Texto

Colocamos el nombre que le daremos a las diferentes secciones y para realizar las separaciones les recomiendo realizarlas con ............ y ocultar los puntos con color blanco.

Menu superior

<a href="URL">Nombre titulo</a>  &nbsp;

<a href="URL">Nombre titulo</a>  &nbsp;

<a href="URL">Nombre titulo</a>  &nbsp;

Imagen con redireccionamiento

<a href="URL"> <img src="URL DE LA IMG"> </a>

Dividir Cabecera del Blog y Colocar Menú Superior en Blogger "Vídeo"

---

Todos los pasos de principio a fin >>

Saludos amigos y a seguir ganando dinero por internet !!  😉

Esta sección es para agregar comentarios tanto positivos como negativos en el cual podramos llegar a discutir las opciones e ir mejorando dia a dia.

Puedes Seguirme en

  Crear Cuenta de Google, Blogger y Definir Plantilla

---

Cualquier duda que tengas, puedes dejarla en los comentarios y en cuanto la vea te respondo.

¡¡No te olvides de revisar el Ranking Top 10 donde se encuentran las mejores páginas para ganar dinero por internet!!

---