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 */
}