viernes, 19 de octubre de 2012

Truco: Poner cualquier tipo de menú en plantillas de Blogger

Muchos de vosotros tenéis la duda sobre los menús, ya que para aquellos que utilizan el diseñador de plantillas de blogger no pueden agregar menús desplegables ya que estos no funcionan.
Si que funcionan pero para ello se deben modificar algunos códigos en el HTML de nuestro blog. Para ello tenéis que hacer lo siguiente:


  • Vais a Plantilla > Edición de HTML
  • Sin expandir la plantilla de artilugios buscar el siguiente código:


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


  • Este código lo encontraréis dos veces, borra lo que esta en rojo en ambos y después busca el siguiente código:


/* Tabs

-----------------------------*/


  • Borra lo que va después de este código hasta llegar al siguiente. Ejemplo:


/* Tabs

-----------------------------*/



/* HEANDING

-----------------------------*/


  • Después agrega en ese espacio lo siguiente:


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



  • Quedará de la siguiente manera:


 /* Tabs
----------------------------------------------- */
ul {
z-index: 200; padding:0 !important;
}
li:hover {
position:relative;
}
#crosscol ul li {
padding:0 !important;
} 
/*HEANDING
-----------------------------------------------------------*/


  • Guardamos los cambios y... ya está, nuestro blog está listo para agregarle cualquier menu.

Gracias por su tiempo y ya saben cualquier duda que tengan comenten.

No hay comentarios:

Publicar un comentario