Revista Blog

Como añadir un auto scroll infinito a tu blog en blogger o blogspot

Publicado el 19 septiembre 2013 por Matheus Matheus Freak
Como añadir un auto scroll infinito a tu blog en blogger o blogspotNo se si se han dado cuenta de una de las últimas actualizaciones del blog, ahora cuando 'scroleas' hasta el final de la página se te cargaran de forma automática las entradas antiguas, al igual que Facebook o Twitter. Para ello, si alguno también le interesa hacerlo es bien sencillo, desde el panel de control de nuestro blogger vamos a PLANTILLA y EDITAR HTML, en el código junto antes de la etiqueta de finalización del head
añadimos el siguiente script marcado en negrita:
 <!-- INICIO scroll infinite ajax-->  
<b:if cond='data:blog.pageType == "index"'>
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'/>
<script src='https://bloggeryard.googlecode.com/svn/trunk/Infinite%20Scroll%20Plugin.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery.ias({
container : '.blog-posts',
item: '.post-outer',
pagination: '#blog-pager',
next: '#blog-pager-older-link a',
loader: 'http://1.bp.blogspot.com/-Atj4ze_I-84/UeJk-CPeCsI/AAAAAAAAHno/UIbSZkTfWBA/s1600/loading.gif'
});
</script>
</b:if>
<!-- FIN scroll infinite ajax-->

</head>

Guardamos y listo! Si quieren cambiar la imagen que aparece al cargar solo tenemos que cambiar la URL de la imagen: http://1.bp.blogspot.com/-Atj4ze_I-84/UeJk-CPeCsI/AAAAAAAAHno/UIbSZkTfWBA/s1600/loading.gif por el que queramos.
A 'escrolear'!

Volver a la Portada de Logo Paperblog