Publicidad

Infinite Scroll para Blogger

Infinite scroll para Blogger





Hola amigos :D en este tutorial les voy a enseñar a agregar el "infinite scroll" en su blog de blogger.
El "infinite scroll" es uno de mis favoritos, da un muy buen efecto al blog, lo explicaré un poco, lo que hace es que cómo su nombre lo dice crea un scroll infinito para tu blog, por lo que ya no sería necesaria la paginación, en vez de eso las entradas se van mostrando conforme vamos haciendo scroll, se oye bien verdad, imagínate cómo se ve


Ahora les dejos los pasos para hacerlo :)

Primero, y cómo siempre se van a Su blog -> Plantilla -> Editar HTML, ya ahí abren el buscador presionando F3 y buscan:
</head>

Y justo arriba de esa linea agregan el código del siguiente: LINK.
El código de ese archivo, también se agrega arriba de la etiqueta </head>, por motivos que desconozco al poner el código de ese archivo directamente en la entrada, trae problemas con la entrada, por eso lo pongo en ese archivo .txt.
Es importante que si ya tienen jQuery en su plantilla ya no lo agreguen porque les podría dejar de funcionar otras cosas.

Por último les dejo unas imágenes por si quieren cambiar la imagen de "cargando" (que esta dentro del txt.).











Para copiar la url de la imagen sólo haz clic derecho sobre la imagen que maás te guste y luego Copiar URL de la imagen.


Y listo, eso sería todo en este tutorial, recuerden que si les gustó pueden ayudarme compartiéndolo en sus redes sociales, desde los botones que están más abajo, cualquier duda deja un comentario para ayudarte.

Y recuerda que ya tenemos página de Google: +AyudarBloggers.com

El contenido y material publicado así como la asistencia impartida es completamente gratuita. Tu contribución permite que este sitio continue en funcionamiento.
Categorias:
Foto de perfiltest:

Soy un joven de 17 años, creador de Ayudar Bloggers y algunos otros blogs, apasionado por el fútbol, la música (rap) pero principalmente el diseño y programación web, mi meta algún día ser uno de los grandes programadores web.

3 comentarios:

  1. Acabo de implementarlo en mi sitio y no funciona. Le quité el jquery.min.js y persiste el problema. ¿Que hago? -Tengo un sitio viral y el efecto sería perfecto en mi web.

    ResponderEliminar
    Respuestas
    1. Amigos, si me das el link de tu blog, tal vez sea más fácil ayudarte :)

      Y perdón por el tiempo que pasó :S

      Eliminar
  2. Interesante, justo lo andaba buscando. Lo voy a probar y luego comento como me fue.

    ResponderEliminar