Hace pocos días Karla publicó en compartidísimo una forma de hacer scroll infinito en el blog creada por Manki.
Lejos de quitar mérito al autor (que lo tiene, y mucho), para mi gusto este script tenía algunos inconvenientes:
- Un sistema de obtener los datos poco eficiente: descarga toda la página siguiente para obtener el contenido del post y el link de la página. Aún así me he seguido decantando por este método porque evita editar la plantilla (aunque lo ideal sería usar el feed json de blogger).
- Conflictos con otras librerías: Si usabas Prototype (por ejemplo) podías irte olvidando de que funcionara.
- Uso de código innecesario: hay ciertos métodos que proporciona jQuery para ciertas tareas que reducen la cantidad de código.
Forma de uso del nuevo script
A la espera de que el autor fusione los cambios con el script (le he dejado un comentario y parece que lo va a hacer), el uso es el mismo. Sólo tienes que cambiar el script de:
<script type='text/javascript' src='//manki-scripts.googlecode.com/files/blogger-infinite-scrolling-1.5.js'></script>
a:
<script type='text/javascript' src='//dl.dropbox.com/u/71679931/share/blogger-infinite-scrolling/script.js'></script>
O cambiar el contenido del script a mano.
Postdata
Si hay alguna diferencia estilística, es por que en vez de usar estilos en línea para el <div>
de carga, he usado la clase load-more
, de tal forma que sea más fácil editarlo con el CSS:
.load-more {
text-align: center;
font-size: 150%;
/* Cualquier otro estilo */
}