Enlaces de navegación desaparecidos | Oloblogger En algunas plantillas que os descargais (no suele ocurrir con las que Blogger proporciona), se echan...

7 de abril de 2010

Enlaces de navegación desaparecidos

En algunas plantillas que os descargais (no suele ocurrir con las que Blogger proporciona), se echan de menos los casi imprescindibles enlaces de navegación Entradas antiguas/Home/Entradas más recientes.


Las causas pueden ser diversas, pero hay un par de ellas que por su recurrencia y lo fácil de su solución, creo que merece la pena comentarlas, ya que os han dado la lata a bastantes de vosotros.

1
La primera es que el diseñador de la plantilla que os bajasteis, consideró que no eran útiles los enlaces de navegación y simplemente los ocultó. Para comprobar si este es nuestro caso, accedemos a la plantilla y buscamos blog-pager, que es el nombre de la clase que controla el cacharrito:

#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
height:0px;
width:0px;
display:none;

text-align:center;
margin:0px auto;
}

La primera clase es para las entradas más recientes y la segunda para las más antiguas, mientras que la última sirve para el contenedor general de todos, antiguos, recientes y home. Si como se ve en el ejemplo, #blog-pager tiene alguna propiedad que hace su altura o anchura cero, o un display:none, el artilugio será no-visible.

Con quitar esas líneas (en verde en el ejemplo) u otras en ese mismo lugar, que pudieran provocar la invisibilidad del gadget, ya tendremos solucionado el asunto.

2
Otra opción, siempre tras comprobar lo anterior, es que también debido al diseño de la plantilla, los enlaces están en su sitio, son visibles, pero otras capas se solapan por encima provocando que definitivamente no se vean.

Lo primero que tenemos que hacer para ver si esta solución es la buena, es acceder a nuestra plantilla con Expandir plantillas de artilugios seleccionado y buscar si tenemos este código:

<b:include name='nextprev'/>

Esto es una llamada a la pequeña rutina que genera los enlaces. Si la teneis, probablemente estamos en este caso del solapamiento.

Para estar más seguros de que esta es la causa, también podeis acceder a vuestra página (no a la plantilla) y mediante el botón derecho y Ver código fuente, visualizamos nuestro idem ya interpretado. Buscamos de nuevo blog-pager y comprobamos que efectivamente lo tenemos.

Y ahora, la solución: insertar una línea que elimine algún posible FLOAT que provoque que se solapen las entradas por encima de los enlaces. Este es el código de referencia y en verde lo que hay que insertar.

...
</b:loop>
<b:if cond='data:numPosts != 0'>
&lt;/div&gt;&lt;/div&gt;
</b:if>
<data:adEnd/>
</div>
<div style='clear:both;'/>

<!-- navigation -->
<b:include name='nextprev'/>

<!-- feed links -->
<b:include name='feedLinks'/>

<b:if cond='data:top.showStars'>
...


Estos dos casos generan la gran mayoría de los problemas que conozco. Si ninguno de ellos es el vuestro y tras intentar lo que se explica seguís sin ver los enlaces de navegación, ya tendreis que ir al enlace del principio de esta entrada, dónde se explica con más detalle cómo funciona este artilugio.

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir
Copy URL

Y muchos más artículos interesantes si nos sigues en...

follow us in feedly

22 comentarios :

  1. Que noticia esa.Por suerte utilizo una platilla minima de blogger :).Me parece que para evitar esos problemas deverian enpesar y modificar casi totalmente sus propias plantillas asi creo que evitarian problemas.Suerte!!!:)

    ResponderEliminar
  2. Es justo lo que necesitaba, el mío estaba solapado en el blog Bolivia Informa, muchas gracias Oloman como siempre, utilicé la segunda opción.

    ResponderEliminar
  3. JODER tio me has salvado la vida,
    te lo agradezco mucho
    exelente post.

    1000 gracias
    saludos.

    ResponderEliminar
  4. Había notado eso más de una vez, pero nunca le dí demasiada importancia porque no me afectaba demasiado, pero está bueno saber la solución por si me toca personalmente.

    ResponderEliminar
  5. Gracias
    Gracias
    Gracias
    Gracias
    Gracias
    Gracias
    Gracias
    Gracias
    Gracias
    Gracias
    Gracias
    Gracias
    Gracias
    Gracias

    ResponderEliminar
  6. Gracias Amigo... Realmente lo Necesitaba .. Ya Que Uno De Mis Blog Habia Tenido Ese Problema!

    ResponderEliminar
  7. Muchísimas gracias, HA FUNCIONADO !!!
    He vuelto a ver al final de mis entradas aquello de " ENTRADAS ANTIGUAS ", que me traía de cabeza

    Gracias de nuevo. Un saludo

    ResponderEliminar
  8. En mi página los enlaces de Entradas antiguas y demás aparecen cuando se está cargando pero se econden cuando finaliza.
    La verdad es que no tengo mucha idea de Html pero he inentado todo lo que he ido leyendo por acá y por allá, incluso he intenado añadir paginación como una solución alternativa y me pasa lo mismo.
    Si pudieras echarme una mano te lo agradecería enormemente.
    Un saludo.
    Mi blog es: http://offtipic.blogspot.com/

    ResponderEliminar
  9. Hola Di.
    En tu caso, actualmente el gadget "paginator" machaca los enlaces normales.
    Primero prueba a desinstalar esa utilidad haciendo los pasos contrarios que cuando lo pusiste. Luego prueba con lo que se comenta en esta entrada.
    Suerte.

    ResponderEliminar
  10. Oh, socorro!

    No estoy teniendo ningún éxito en mi blog con este asunto. Es un blog de cocina (por si te pasas a verlo...). Por suerte solo estoy en proceso de creación y no me supone nada grave ._.

    Al principio los enlaces me salían detrás de donde pone "suscríbete a las novedades". Y con este y el otro post he conseguido que salgan en las entradas, pero el problema es que ahora me salen en todas las entradas en la "vista previa", y queda fatal.

    ¿Tienes idea de cómo podría evitarlo? Me estoy volviendo loca. Yo quería que saliese solo debajo del todo, encima del footer. Pero es imposible!

    Mil gracias!

    ResponderEliminar
  11. Beyka ♫, no sé si es que no entiendo lo que quieres o que ya lo has arreglado, pero ahora mismo se ven unos estupendos enlaces con su tenedor y su correpondiente cuchillo ;)

    ResponderEliminar
  12. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  13. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  14. Hola de nuevo ^^

    Pedi consejo directamente al que creó el template y ya me ha solucionado el problema, así me gusta más como queda!

    Muchísimas gracias por tu atención.

    Por cierto, un blog genial, estoy cogiendo muchas ideas, como por ejemplo la parte de "entradas relacionadas, o también te gustaría leer.." o como quieras llamarlo jaja. Estaría bien que indicases cómo poner el título de ese apartado como una imagen. Yo lo he hecho y queda muy bien!

    Un beso y un abrazo :)

    ResponderEliminar
  15. Aunque has borrado los otros comentarios, ya vi que el problema no era exactamente el que me pareció. Pero bueno, ya lo tienes solucionado.

    Con respecto a lo de las entradas relacionadas, cualquier texto se puede sustituir por una imagen cambiándolo por un <img src="http://direccionimagen.jpg" />

    ;)

    ResponderEliminar
  16. Mi estimado, ya hice lo que dices, y por lo que veo en mi plantilla al parecer es problema de que algo lo esta tapando, pero no se como quitarlo, echame la mano si :D
    este es mi blog www.tecno-co.blogspot.com

    ResponderEliminar
  17. DREG, lo tuyo es el caso numerado como 1.

    Tienes el tamaño de ancho y alto de los enlaces de navegación puestos a 0px.
    #blog-pager {
    height:0px;
    width:0px;

    clear:both;
    text-align: center;
    }

    Elimina de tu plantilla las dos líneas que te he marcado en negrita. ;)

    ResponderEliminar
  18. Pues he probado ambas cosas y sigue sin verse nada. :S

    http://nolanesp.blogspot.com.es/

    Saludos.

    ResponderEliminar
    Respuestas
    1. Tu caso es el 1. Tienes un
      #blog-pager {
      display: none;
      }
      que impide que sea visible. Además tienes un sistema de paginación incorporado ;)

      Eliminar
  19. Gracias!
    la segunda opción era mi caso y me funciono perfecto! muchas gracias Oloman!

    ResponderEliminar
    Respuestas
    1. Estupendo. Me alegro de que así fuera.

      Eliminar