Plantilla "Mis Recetas Secretas" más amplia
- El menú de navegación superior (en el top) son los enlaces de las páginas estáticas.
- El menú de pestañas soporta páginas, por lo que si te decides por poner los enlaces de las páginas estáticas, en lugar de categorizar las entradas con las etiquetas, como en la plantilla original, los enlaces de las páginas (y el efecto de pestaña abierta) se agregarán de forma automática.
- Debido a que creé estilos individuales para las pestañas, cuando entres a una entrada en particular, se cerrarán todas las pestañas del menú de navegación, cosa que no sucedía en la plantilla original.
- La columna principal ahora mide 540 pixeles, anteriormente era de 430 pixeles.
La mecánica para crear el efecto de pestaña abierta cuando se usan las categorías usando las etiquetas es el mismo, el código que hace que se cree el efecto es éste:
<!-- Estilos menu de navegacion de pestañas -->Instrucciones para personalizar los enlaces de las pestañas por lo propios
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.pageName == "Entradas"'>
<style>
#header-wrapper {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEv4QdwaJ8ICWV3MTQqi8BgyDBLdNRaj1EQWvakiSKT6isJ03I4HtehnbJSotYS1dAnpq_8HO86RSHJhV16-GhfUeEbCoh8JSn85XfMb1sXCbpDYvEy7J9epWyyBTZNdZAay77-f7nzMk/s1200/header-w-entradas.png);}
a#menuEntradas {color:#d78306 !important;font-weight:bold;}
#main{
width:800px;
padding:0 5px 0 10px;}
#sidebar-wrapper {
width: 0px;
visibility:hidden;
display:none;}
#menu li a {
background: none !important;}
</style>
</b:if>
<b:if cond='data:blog.pageName == "Platillos"'>
<style>
#header-wrapper {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP62CuIM0tWjmuyH_Dl_lh2KlOAn00wfHLb9kKTu7pfCHOOfpws0RNfHStmuZBq0gIwTAM1CJX1KNAtP5X0ZiJiqjYT_4juLzTeWKv8va3EcwSsmGYi8lY4PmIXW3z_JC2vu2QNkJIIRo/s1200/header-w-Platillos.png);}
a#menuPlatillos {color:#d78306 !important;font-weight:bold;}
#main{
width:800px;
padding:0 5px 0 10px;}
#sidebar-wrapper {
width: 0px;
visibility:hidden;
display:none;}
#menu li a {
background: none !important;}
</style>
</b:if>
<b:if cond='data:blog.pageName == "Postres"'>
<style>
#header-wrapper {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixsatVg-gtfywplXgcxA3C1J3-ZIplXTOXqsNsjDCJTVbugtJXleIE_gh_RyBMncsBwkn4l1BPA_m_xviSGoLoQ-tIrQEd9xr26t8v9gnpsnGFyyVgXttqatk7TQqtMDufCqjQ6nxv6G0/s1200/header-w-postres.png);
}
a#menuPostres {color:#d78306 !important;font-weight:bold;}
#main{
width:800px;
padding:0 5px 0 10px;}
#sidebar-wrapper {
width: 0px;
visibility:hidden;
display:none;}
#menu li a {
background: none !important;}
</style>
</b:if>
<b:if cond='data:blog.pageName == "Favoritos"'>
<style>
#header-wrapper {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieNloeNZNdT-oRGtnK4c-_9VSr2N7Wd35PBDSlv02dym9YamervNQD6GfsJzl4CxmX70EL3-IcekC2vp1sIctV9b5EOkcFdRfafMELz_Me3TOO44kYmIt8MiRHRhXWjDbHX3KzUhLEcn0/s1200/header-wn-postre.png) ;}
a#menuFavs {color:#d78306 !important;font-weight:bold;}
#main{
width:800px;
padding:0 5px 0 10px;}
#sidebar-wrapper {
width:0px;
visibility:hidden;
display:none;}
#menu li a {
background: none !important;}
</style></b:if></b:if>
Para personalizar los enlaces de Entradas, Platillos, Postres y Favoritos deberás hacer los siguiente:
Paso 1. Ir a diseño►edición HTML de tu plantilla y selecciona expandir plantillas de artilugios.
Paso 2. Con la ayuda de CTRL F, busca:
<li><a href='#' id='menuEntradas'>Entradas</a></li>
<li><a href='#' id='menuPlatillos'>Platillos</a></li>
<li><a href='#' id='menuPostres'>Postres</a></li>
<li><a href='#' id='menuFavs'>Favoritos</a></li>
Paso 3. Sustituye las almohadillas: #, por las URLs de las páginas de las categorías que has creado por medio del uso de la etiquetas en tus entradas. La URL siempre se verá así:
http://nombre_detublog.blogspot.com/search/label/NOMBRE_DE_ LA_ ETIQUETA
Puedes cambiar los títulos de las categorías como en la plantilla original, siguiendo los mismos pasos.
IMPORTANTE: Cuando descargas la plantilla y la instales por primera vez el inicio dirá "PAGINA PRINCIPAL", esto es porque soporta páginas, sin embargo, puedes cambiar el título a "Inicio" (para que el texto sea más corto). También debes ingresar a editar páginas en el diseño de tu plantilla, en la sección de pestañas y "quita la selección" que dice:
Añadir nuevas páginas automáticamente cuando se publiquen
Recuerda, no marques la casilla. El menú de pestañas soporta páginas, si la marcas se agregarán las nuevas páginas que crees a esta sección, y una pestaña más, supera el ancho que le he dado al contenedor, por eso, la pestaña se irá para abajo. Si quieres agregar una pestaña mas tendrías que editar el ancho asignado para el menú.
Para agregar el buscador interno a la columna lateral, sigue las instrucciones que indico en la plantilla: "Mis recetas secretas".
Demostración Descargar
Etiquetas:Plantillas