HTML/CSS | OCULTAR ELEMENTOS EN LAS PÁGINAS ESTÁTICAS

¡Hola! Hoy vengo con un tutorial para ocultar todos aquellos elementos que no queráis ver más en vuestras páginas estáticas. Como por ejemplo el pie de página de las entradas, si tenéis activados los botones de compartir os aparecerán allí y a mi particularmente no me gusta, sólo quiero que se vea en los posts. O por ejemplo también el título de la página, aparece con la misma tipografía que los títulos de los posts y podemos ocultarlo y escribirlo manualmente con la tipografía o estilo que queramos, hacer que quede centrado o alineado a la izquierda o no poner nada directamente. Pasaos por mi página SOBRE MÍ y veréis que no aparece ninguno de estos elementos y tampoco la sidebar.

Pues bien, es tan sencillo como:
1. Escoger que es lo que se quiere ocultar
2. Si no sabes como se llama el elemento déjame un comentario para poder ayudarte, yo os dejo algunos ejemplos que os pueden ser útiles.
3. Realiza una copia de seguridad antes por si las moscas.
4. Ve a PLANTILLA - EDITAR HTML
5. CTRL+F y escribe </head>
6. Justo encima escribe el siguiente código

<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
añade aquí el elemento que quieres ocultar {
display: none;
}
</style>
</b:if>

Si queréis ocultar más de un elemento a la vez hay dos formas de hacerlo. O bien añadiendo cada elemento por separado (A) y aplicándole el estilo display:none; cada vez o bien separar los elementos por comas (B) y añadir el estilo una única vez.

OCULTAR MÁS DE UN ELEMENTO A LA VEZ (A)

<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
#HTML3 {
display: none;
}
h3.post-title {
display: none;
}
aside {
display: none;
}
</style>
</b:if>

OCULTAR MÁS DE UN ELEMENTO A LA VEZ (B)

<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
#HTML3, h3.post-title, aside {
display: none;
}
</style>
</b:if>

7. Haz click en GUARDAR PLANTILLA y ¡LISTO!

EJEMPLOS

OCULTAR EL PIE DE PÁGINA DE LAS ENTRADAS

<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
.post-footer {
display: none;
}
</style>
</b:if>

OCULTAR LA SIDEBAR

<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
aside {
display: none;
}
</style>
</b:if>

OCULTAR EL TÍTULO DE LAS PÁGINAS

<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
h3.post-title {
display: none;
}
</style>
</b:if>

OCULTAR UN GADGET (EN ESTE CASO HTML3)

<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
#HTML3 {
display: none;
}
</style>
</b:if>

Lo dicho, si tenéis dudas, no os cortéis, escribidme un comentario e intentaré ayudaros para que podáis ocultar lo que queráis. ¿Qué os ha parecido el tutorial? ¡Que tengáis un buen Jueves!