El tiempo de carga de una página suele ser por lo general el mayor problema que muestran todos los blogs, pudiendo no solo hacer que los lectores dejen de visitarlos sino también dificultar el acceso al contenido publicado.
Los gadgets que instalamos en la sidebar o barra lateral son, la mayoría de veces, culpables.
Algunos son fundamentales por la información o las ventajas que ofrecen pero otros no hacen más que sobre cargar el sitio web. No queremos eliminarlos y por ello simplemente haremos que se muestren exclusivamente en la página principal o portada, evitando así que el visitante pueda verlos al acceder a una entrada de forma individual.
La explicación está basada en un gadget html-javascript aunque el mismo método puede aplicarse a cualquier otro (el de Seguidores o el de Lista de blogs, por ejemplo).
Busca el código del gadget y añade lo que resalto en color rojo:
<b:widget id='HTML2' locked='false' title='Visitas del blog' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
Tal y como puedes ver, la primera línea aparece justo después de <b:includable id='main'> y su correspondiente cierre justo antes de </b:includable>.
Con este par de aclaraciones no importará que el código sea distinto por tratarse de otro gadget dado que las líneas previamente citadas aparecerán siempre.
Recuerda que para encontrar el código de un gadget en tu plantilla con facilidad, bastará con incluirle antes de acceder al apartado de Diseño>Edición de HTML, un título único.
Posteriormente y haciendo uso del buscador de tu navegador (puede abrirse presionando las teclas Ctrl y F simultáneamente) escribiremos el título.
Aplicando el truco a varios gadgets lograremos que en la portada todos queden visibles, pero al abrir un artículo se ocultarán y quedarán visibles aquellos a los que no les hayas aplicado la modificación.
Guarda la plantilla y habrás terminado.
Muchisimas gracias, eso era justamente lo que necesitaba.
Saludos!
Hola!!
Soy Malen, hice lo que me dijiste y me funciona todo de maravilla...
Gracias!
AdrianChor, qué bueno que lo hayas encontrado.
Malen, las condicionales son ideales pues nos permiten personalizar el blog dándonos la oportunidad de decidir qué se muestra y dónde aparecen los elementos de página.
Muy buen post, muy útil. Ya lo puse en práctica y funciona perfectamente.
Muy agradecido, Jaime. :)
Muy buena entrada Jaime, me fue muy util, intenté hacerlo con el gadget de seguidores pero no funcionó, aún así me gustó mucho como quedó y te agradesco enormemente esta entrada. El blog donde la aplique fue el reflejo de mi mirada.
Un saludo y hasta pronto :)
¡Me funciono! Muchísimas gracias.
¿Hay alguna forma de hacerlo al revés también? Es decir, que en la portada no aparezca un gadget pero cuando vamos a cualquier entrada sí.
¡Qué tengan un lindo día!
Gracias Jaime, te quiero consultar, me puedes decir como hacer un menú horizontal pero que los botones sean imágenes personalizadas? Gracias!! Yo puse el menú de enlaces que enseñaste en una entrada.
¡Perfecto entonces Enrique! Gracias por tu comentario. Por cierto, muestras unos dibujos preciosos en tu blog.
Tranquilo Toni pues en poco tiempo conseguirás lo que deseas.
Para localizar el código perteneciente al gadget de seguidores, accede a Diseño>Edición de HTML>expandimos artilugios y, pulsando simultáneamente las teclas Ctrl y F para abrir el buscador, escribe el término: Followers1.
Una vez encontrado bastará con aplicar las líneas necesarias.
Perséfoneluz, por supuesto. Incluso puede hacerse que un gadget aparezca exclusivamente en una entrada específica y no en el resto del blog. Por suerte, es algo que os iré explicando durante estos días. ¡Abrazos!
Hola Chuchi! Bastará con utilizar este truco para obtener un atractivo menú de imágenes. Recuerda que en esta entrada se especifica como obtener la URL de una fotografía y en esta otra, como alojarla en blogger.
Si necesitases ayuda avísame.
Gracias, Jaime! :)
Jaime, mil gracias por responder, mira lo logre y me quedo hermoso el menu con las fotos, pero no logro que me quede horizontal, me ayudas con eso por favor??
¡Genial! Yo que creí que podía ser casi imposible. Entonces estaré muy atenta. Gracias, Jaime.
Eso es, Perséfoneluz, ya que en cualquier momento puedes encontrar el artículo publicado. Gracias a ti ;).
Chuchi, aunque necesitaría la dirección de tu blog para probar el atributo en tiempo real, prueba a incluir esto en el código que forma tu menú:
<div id="blJJImagenesmenu">
AQUI EL CODIGO DE TU MENU
</div>
<style>#blJJImagenesmenu a img{float:left;margin-right:10px;text-align:left;}</style>
Reemplaza AQUI EL CODIGO DE TU MENU por el código de tus imágenes con enlace y guarda el gadget para comprobar el resultado.
no he podido hacerlo. no se que falla =S
mi blog
Concretamente, ¿Cuál es el gadget que deseas ocultar, Lokita Kaulitz?
Muchas gracias por el apoyo que prestas a los bloggeros y a todos aquellos que estamos aprendiendo a serlo, cada día un poco más.
Aunque hayas terminado de editar articulos te doy las gracias siguiendo consejos me va de maravilla todo, y funcionan perfectamente. Gracias de nuevo. :P