domingo, 5 de marzo de 2017

Ocultar gadgets y elementos en distintas partes del blog

Si quieren ocultar un elemento como este, sigan leyendo.


Primero, entramos en Diseño | Edición de HTML y SIN expandir plantillas de artilugios buscamos el nombre del gadget que queremos ocultar y en seguida veremos su ID, para esto tienes que tener conocimientos básicos de selectores en CSS, por lo general busquen el inicio de la etiqueta de un elemento y este sera su ID.


<div id="contenedor">
<img src="The_Maze_Runner_logo.jpg">
<nav id="menu">
                <ul>
                               <li><a href="">INICIO</a></li>
                               <li><a href="">CONTACTO</a></li>
                               <li><a href="">GENERO</a></li>
                               <li><a href="">SERIES</a></li>
                               <li><a href="">FORO</a></li>
                </ul>
</nav></div>

Lo seleccionado de rojo vendría a ser el ID del contenedor u elemento que quisieran modificar ustedes 

Si en caso en lugar de ID, les paresca:
<div class="contenedor">
<img src="The_Maze_Runner_logo.jpg">
<nav class="menu">
                <ul>
                               <li><a href="">INICIO</a></li>
                               <li><a href="">CONTACTO</a></li>
                               <li><a href="">GENERO</a></li>
                               <li><a href="">SERIES</a></li>
                               <li><a href="">FORO</a></li>
                </ul>
</nav></div>

Pondran un ejemplo como este en cada caso, somo cambiando el "#" por un "." :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
.header-outer {
display: none;
}
</style>
</b:if>

Ocultar un elemento SÓLO en la portada del blog

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
#NOMBRE {
display: none;
}
</style>
</b:if>



Ocultar un elemento en todas partes MENOS en la portada del blog

<b:if cond='data:blog.url != data:blog.homepageUrl'>
<style type='text/css'>
#NOMBRE {
display: none;
}
</style>
</b:if>

Ocultar un elemento SÓLO en las entradas individuales

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#NOMBRE {
display: none;
}
</style>
</b:if>

Ocultar un elemento en todas partes MENOS en las entradas individuales

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
#NOMBRE {
display: none;
}
</style>
</b:if>

Ocultar un elemento SÓLO en las páginas del archivo del blog

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<style type='text/css'>
#NOMBRE {
display: none;
}
</style>
</b:if>

Ocultar un elemento en todas partes MENOS en las páginas del archivo del blog

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
<style type='text/css'>
#NOMBRE {
display: none;
}
</style>
</b:if>

Ocultar un elemento SÓLO en las páginas estáticas

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

Ocultar un elemento en todas partes MENOS en las páginas estáticas

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

Ocultar un elemento en una entrada específica o etiqueta específica

<b:if cond='data:blog.url == &quot;URL de la entrada o etiqueta&quot;'>
<style type='text/css'>
#NOMBRE {
display: none;
}
</style>
</b:if>

Ocultar un elemento en todas partes MENOS en una entrada o etiqueta específica

<b:if cond='data:blog.url != &quot;URL de la entrada o etiqueta&quot;'>
<style type='text/css'>
#NOMBRE {
display: none;
}
</style>
</b:if>
Compartir:

PAG WEB de Farmacia con HTML5 y CSS

Interfaz Principal de la Página Tamaño de Escritorio: Tamaño de Tablet: Tamaño de Celular Movil: Armado de l...