Como insertar cualquier menú en espacio de cabecera Blogger (truco)

Como insertar cualquier menú en espacio de cabecera Blogger (truco) menu

Es muy probable que desees insertar un menú que despliegue submenús en el entorno de la cabecera en Blogger, pero te das cuenta que no funciona correctamente.  Quizás no puedas verlo como esperas, ya sea por un estilo de color o porque no se despliegan los submenús. etc.

Lo que sucede es que las plantillas en blogger tienen estilos pre-definidos en ese entorno-espacio, impidiendo que se pueda agregar otro tipo de menú.

He aquí, un truco que te puede funcionar para que puedas inserta cualquier menú:

1. Abre la plantilla de tu tema en modo edición HTML

 

 

2. Al visualizar el código HTML, busca esta línea:

<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>

• Elimina lo que está en color naranja. 
• Es probable que encuentres varias líneas con código como lo que está en color naranja, debes eliminar dicho código de esas líneas.

 
3. Busca este texto en la plantilla:

/* Tabs
----------------------------------------------- */

4. Elimina todo lo que hace referencia dentro de este segmento de código. 
En tu plantilla puede parecerse a lo que se encierra en el cuadro de la siguiente imagen:

  

5. Después de eliminar lo del paso 4, debes agregar las siguientes líneas en su lugar:

#crosscol ul {z-index: 200; padding:0 !important;}
#crosscol li:hover {position:relative;}
#crosscol ul li {padding:0 !important;}
.tabs-outer {z-index:1;}

 

6. ¡ Listo !.
Después de los sencillos pasos anteriores, podrás visualizar sin problemas los menús en el espacio-entorno de cabecera Blogger, como en realidad deben presentarse, con su estilo y despliegue de submenús.

Quizás te interese:

• Menú CSS Horizontal (Formato plano y buscador integrado)
• Menú CSS Horizontal (Botones con sombra y buscador integrado)
• Menú CSS Horizontal (Botones redondeados y buscador integrado)