Mostrar un Gadgets solo en la portada del blog




Uno de los mayores problemas que presentan todos los blogs es el tiempo que tarda en cargar la página.
Si bien hay gadgets que podemos eliminar para hacer la carga más ligera, hay otros gadgets que son muy necesarios para el blog y no queremos eliminarlos, así que lo que haremos será mostrarlos sólo en la portada (página principal) , y cuando el lector entre a una entrada estos desaparecerán.

Para ello nos utilizaremos los códigos condicionales que como había dicho son reglas que condicionan dónde se ejecuta determinado código y dónde no.

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.

En este caso elegí el de Entradas Populares

Ahora hacemos Click dentro del editor ►presionamos Ctrl+f ►pegamos
</head>
Arriba pegamos

<!-- Mostrar un Gadgets sólo en la portada del blog -->
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<style type='text/css'>
#PopularPosts1{
display: none;
}
</style>
</b:if>

Esto lo hacemos con cada uno de los gadgets que queremos mostrar en nuestra portada o pagina principal del blog, cuando ingresemos en una entrada especifica este gadgets no aparecerá.

 Demo



Si te gusta la entrada compártela.

¡Gracias!

Publicar un comentario
▬ Antes de comentar recuerda:▬
► No se permite spam.
► No permitimos un vocabulario inapropiado.
► Se se lo más especifico posible.

►Para convertir tu comentario en HTML puedes utilizar algunos códigos:
- Si deseas incluir un enlace utiliza este código:<a href="URL de la Pagina">Titulo del enlace</a>
- Para introducir un código, utilice la etiqueta <i rel="pre"> AQUÍ TU CÓDIGO ... </i>
- Para insertar una imagen, utilice la etiqueta <i rel="image"> SU URL IMAGEN AQUÍ ... </i>
- Para insertar un título, utilice la etiqueta <b rel="h3"> SU TÍTULO AQUÍ ... </b>
- Para insertar una nota, utilice la etiqueta <b rel="quote"> NOTA QUE AQUÍ ... </b>
- Para insertar texto en negrita, utilice la etiqueta <b> SU TEXTO AQUÍ ... </b>
- Para insertar texto en cursiva, utilice esta etiqueta<i> SU TEXTO AQUÍ ... </i>

No olvides suscribirte para recibir las actualizaciones

Back to Top