En la entrada anterior vimos c?mo mostrar una cabecera diferente en cada p?gina de etiquetas, y algunos han preguntado si puede hacerse lo mismo pero con las entradas, es decir, que en la portada se muestre la cabecera de siempre, pero al ingresar a las entradas se muestre otra cabecera.
El procedimiento aqu? es mucho m?s sencillo y menos complicado que el anterior pues s?lo haremos dos condiciones. Uno que har? que la primera cabecera no se muestre en las entradas y otro para que la segunda cabecera s?lo sea visible al ingresar a las entradas individuales.
Puedes ver un ejemplo en este blog de pruebas, al ingresar en alg?n post ver?s que la cabecera ha cambiado.
Lo primero que haremos ser? entrar en Dise?o | Edici?n de HTML y SIN expandir los artilugios buscamos 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'/>
Con eso ya tenemos las dos cabeceras que necesitamos, ahora vamos a condicionarlas.
Para ello agrega antes de </head> lo siguiente:
<b:if cond='data:blog.pageType == "item"'>
<style>
#Header1 {display:none;}
body#layout #Header1 {display:block !important;}
</style>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>
#Header2 {display:none;}
body#layout #Header2 {display:block !important;}
</style>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<style>
#Header2 {display:none;}
</style>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<style>
#Header2 {display:none;}
</style>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<style>
#Header2 {display:none;}
</style>
</b:if>
Y listo. Por ?ltimo entra en Dise?o | Elementos de la p?gina y ver?s las dos cabeceras, la primera es la que se muestra en la portada, y la segunda la que se mostrar? en las entradas individuales.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTgu1qK3KaRUMKQ6VhJlptR1Ea01tDQ1udYr_iyo2EDrKg_5D9HrptnfRxsY1x7J2-4lHNaLanVoz3gZP9swUEwsTwPSJmEocOich3_tDNZM74OkIwa5L2JU5hLbyHajeTCRbCQwlRML7I/s800/cabecera-doble.png)
Ah? puedes darle click en Editar para cambiarle la imagen que quieras. Fue r?pido ?no?
Es una forma sencilla de mostrar una cabecera diferente en las entradas del blog.
No comments:
Post a Comment