Me preguntaba el otro d?a pixeltuxpan si era posible mostrar una cabecera distinta por cada etiqueta del blog. La respuesta es s?, aunque no s� si haya un m�todo m?s f?cil pero este es el ?nico que se me ocurre por ahora. Se trata de usar las condicionales para elegir d?nde ocultar elementos del blog.
Lo que haremos ser? agregar una cabecera adicional por cada etiqueta que tengamos y la condicionaremos para que s?lo se muestre ah?.
Puedes ver un ejemplo en este blog de pruebas; en la portada ver?s la cabecera est?ndar, pero si navegas por las etiquetas del blog (Deportes, Juegos, M?sica) ver?s que aparece una cabecera diferente en cada una de esas p?ginas de etiquetas.
Puedes ver un ejemplo en este blog de pruebas; en la portada ver?s la cabecera est?ndar, pero si navegas por las etiquetas del blog (Deportes, Juegos, M?sica) ver?s que aparece una cabecera diferente en cada una de esas p?ginas de etiquetas.
As? que mostraremos una cabecera distinta en cada p?gina de etiquetas del blog. Pero en la portada, entradas, p?ginas independientes y p?ginas de archivo se ver? la misma cabecera de siempre que usas en el blog.
Empecemos, primero entra en Dise?o | Edici?n de HTML y SIN expandir los artilugios busca esta l?nea:
<b:widget id='Header1' locked='true' title='Nombre de mi blog (cabecera)' type='Header'/>Justo debajo de ella agrega esta l?nea:
<b:widget id='Header2' locked='true' title='Nombre de mi blog (cabecera)' type='Header'/>
Agrega una l?nea como esa por cada etiqueta que tengas, s?lo deber?s cambiar el ID de la cabecera (lo que est? en color rojo), por ejemplo, si agregas una m?s ser?a Header3, luego Header4, y as? consecutivamente. Nunca deber?n repetirse los IDs.
Por ejemplo, si hubieses agregado tres cabeceras entonces se ver?a as?:<b:widget id='Header2' locked='true' title='Nombre de mi blog (cabecera)' type='Header'/>
<b:widget id='Header3' locked='true' title='Nombre de mi blog (cabecera)' type='Header'/>
<b:widget id='Header4' locked='true' title='Nombre de mi blog (cabecera)' type='Header'/>
Con eso ya tendr?s todas las cabeceras de tus etiquetas. Entra en Dise?o | Elementos de la p?gina y ver?s todas las cabeceras que has agregado. Dale click en Editar a cada una de ellas y agrega la imagen que tendr? cada cabecera.
Cuando termines de asignarle su imagen a las cabeceras regresa a Dise?o | Edici?n de HTML. Ah? vamos a condicionar que la cabecera del blog general se oculte en esas etiquetas. Eso lo hacemos agregando antes de </head> lo siguiente:
<b:if cond='data:blog.url != data:blog.homepageUrl'>Ahora debajo de ese c?digo agrega este:
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "archive"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style type='text/css'>
#Header1 {
display: none;
}
</style>
</b:if>
</b:if>
</b:if>
</b:if>
<b:if cond='data:blog.url != "URL de la etiqueta UNO"'>
<style type='text/css'>
#Header2 {
display: none;
}
</style>
</b:if>
Agrega un c?digo como este ?ltimo por cada etiqueta que tengas, y del mismo modo cambia los IDs de las cabeceras (Header3, Header4, etc.). Tambi�n pon donde se indica la URL de la etiqueta. Nuevamente supongamos que fueron tres cabeceras las que a?adiste, entonces se ver?a as?:
<b:if cond='data:blog.url != "URL de la etiqueta UNO"'>
<style type='text/css'>
#Header2 {
display: none;
}
</style>
</b:if>
<b:if cond='data:blog.url != "URL de la etiqueta DOS"'>
<style type='text/css'>
#Header3 {
display: none;
}
</style>
</b:if>
<b:if cond='data:blog.url != "URL de la etiqueta TRES"'>
<style type='text/css'>
#Header4 {
display: none;
}
</style>
</b:if>
Recuerda que deber?s pegar un c?digo como ese por cada etiqueta que tengas, y en cada uno de ellos a?adir la URL de la etiqueta de cada una.
Y listo, cuando termines podr?s ver que en la portada de tu blog tienes la cabecera de siempre, pero si ingresas a la p?gina de una etiqueta tendr?s la cabecera que elegiste para esa categor?a.
Cuando hayas terminado ver?s que en los Elementos de la p?gina s?lo aparece el gadget de la cabecera original. Si despu�s quisieras editar las otras cabeceras entonces tendr?s que quitar moment?neamente el c?digo que pusimos antes de </head>, eso las mostrar? todas de vuelta, ed?talas y regresa el c?digo de nuevo a su lugar.
Cuando hayas terminado ver?s que en los Elementos de la p?gina s?lo aparece el gadget de la cabecera original. Si despu�s quisieras editar las otras cabeceras entonces tendr?s que quitar moment?neamente el c?digo que pusimos antes de </head>, eso las mostrar? todas de vuelta, ed?talas y regresa el c?digo de nuevo a su lugar.
Los que tienen muchas etiquetas en su blog seguro ya salieron corriendo pero los que se quedaron seguro podr?n complementar este "truco" con el de mostrar una descripci?n en las etiquetas del blog.
No comments:
Post a Comment