Scroll infinito en Blogger

Una de las nuevas formas de cargar una pagina web o blog, es el scroll infinito, el cual consta en que a medida que se vaya bajando el contenido de un blog, mas contenido se ira cargando automáticamente  eliminando así la necesidad de tener que dar clics en los enlaces de paginación.

Este truco hará que el lector tenga una experiencia mucho mas amena e interactiva, ya que este sistema lo usan sitios de la talla de Facebook o Twitter.

Scroll infinito en Blogger


Para añadir el truco del scroll, no hay necesidad de tocar la plantilla, solo debes ir a Diseño, Añadir Gadget, HTML/JavaScript, y allí pega lo siguiente:

<script src='http://code.jquery.com/jquery-1.7.1.min.js' type='text/javascript'></script>
<script src='http://yourjavascript.com/4153098131/infinite-scroll-for-blogger-blogs.js' type='text/javascript'/></script>

Ahora solo resta guardar los cambios, y disfrutar de este genial truco 🙂

Puedes ver un demo el truco. Espero que les haya gustado este gran truco, y sigan visitando Mil Trucos Blogger.

Via/ Spice up your blog

0
Shares

54 thoughts on “Scroll infinito en Blogger

  • mayo 23, 2013 en 7:09 pm
    Permalink

    Excelente truco, gracias juvinao!!….en principio no entendía muy bien para que servia pero lo probé y funciona de maravilla..gracias de nuevo…Saludos!!

    Responder
    • mayo 25, 2013 en 12:20 am
      Permalink

      Miguel gracias por tu comentario, este truco puede reemplazar perfectamente al de paginacion.

      Saludos

      Responder
  • mayo 24, 2013 en 2:36 pm
    Permalink

    no me funciona y no se que versión de jquery uso como hago ya que el blog no tiene paginación y no la he podido agregar y vi este truco que cumple casi la misma función pero no me funciona

    Responder
    • mayo 28, 2013 en 5:55 am
      Permalink

      JUVINAO AYUDAME por favor :/ no puedo colocar ni paginación ni nada y no se que hacer ni siuiera el scroll infinito y además no me salen las opciones de entradas antiguan y anterior y siguiente y eso es muy funcional para navegar en mi blog me puedes ayudar por favor este es mi blog

      http://blogginred.blogspot.com/

      Responder
    • junio 5, 2013 en 3:32 pm
      Permalink

      Andres el problema es de tu plantilla,tocaría revisar todo el código para ver si tiene el script que hace que los links de navegación funcionen, te recomiendo que mejor cambies de plantilla 🙁

      Saludos

      Responder
  • mayo 25, 2013 en 4:31 am
    Permalink

    Hola!he probado con este script pero al tener entradas resumidas luego de mostrar 12 entradas en la pagina principal, (que es la cantidad que tengo seleccionadas a mostrar),no se ven las imagenes siguientes,osea que hace el efecto de scroll pero sin imagenes alguna solucion para este caso?
    desde ya muchas gracias y saludos desde Argentina!

    Responder
  • junio 3, 2013 en 4:38 am
    Permalink

    para qué me sirve el Scroll? altera los datos de mi blog? responde porfa

    Responder
    • junio 5, 2013 en 3:36 pm
      Permalink

      Erik es scroll puede reemplazar hasta cierto punto la paginacion, ya que con el con solo bajar la pagina se mostrara nuevo contenido.

      Responder
  • julio 27, 2013 en 12:39 am
    Permalink

    Hola, antes de nada decirte que es una excelente entrada y que los felicito por todos los trucos del blog =)

    quisiera que me ayudaras, al instalar el truco del todo funciona perfecto en el pero me bloquea unos banner en slide que tengo, estos son 7 y rotan, al poner el scroll solo queda el 1ro y dejan de rotar, te adjunto el código de ese slide, haber si puedes ayudarme a que estos roten nuevamente.

    https://dl.dropboxusercontent.com/u/31270671/Codigo%20slide.txt

    QUE PENA ABUSAR DE LA CONFIANZA, PERO NO QUIERO DEJAR DE PONER EL SCROLL INFINITO =)

    Responder
    • julio 29, 2013 en 7:30 pm
      Permalink

      El slider que tienes usa Jquery al igual que el scroll, así que lo mas probable sea problema de las versiones de Jquery, prueba a poner solo una versión de Jquery, la mas avanzado.

      Hazlo y me cuentas que tal te fue.

      Saludos

      Responder
  • agosto 14, 2013 en 8:15 pm
    Permalink

    Hola, buenas noches. Me interesaría que el scroll infinito sólo funcionara en los post agrupados por etiquetas pero no los de la página principal y que estos post por etiquetas pudieran expandirse con “seguir leyendo” sin necesidad de cambiar de página, cosa que no se puede con esta función tal como está, queda inutilizado. ¿Es posible todo lo que te pregunto? Espero haberme explicado. Gracias.

    Responder
  • agosto 21, 2013 en 11:47 pm
    Permalink

    ¿Se puede modificar el texto “load more post”? No sólo cambiar las palabras, sino el fondo, el color. Es que tal como está ahora apenas se nota. Por cierto, ¿sería posible que en vez de aparecer nuevas entradas al bajar, aparecieran al hacer clic? Gracias.

    Responder
  • diciembre 29, 2013 en 7:07 am
    Permalink

    hola amigo como lograr un scroll como el que tienes donde dice “Lo Último” y salen como noticias me gustaria por ejemplo que yo pueda tuitear algo y apareciera alli o que aparecieras las entradas del blog poco a poco una a una gracias

    Responder
  • abril 29, 2014 en 3:24 am
    Permalink

    Nada, que no soy capaz, por mas que lo intento no soy capaz de que me salga como yo quiero. Sin pulsar en el tema… load more post… se me abren todas las entradas al completo, es decir, todo el texto de la entrada y lo que quiero es que lógicamente los usuarios pulsen en el texto si es que quieren ver mas entradas y de ser así, que las entradas salgan resumidas como así lo hacen las principales entradas del blog. He probado a ponerlo con y sin jquery.com/jquery-1.7.1… pero de ambas maneras y sin pulsar, tan solo con bajar directamente se abren todas las entradas completas………………… http://pruebasmakabi-1.blogspot.com.es/

    Responder
  • diciembre 4, 2014 en 2:19 pm
    Permalink

    lo he incorporado, encaja perfecto para la forma de mi blog pero tengo un problema 🙁 a las entradas les elegí que imagen mostrar (para reducir el tiempo de carga) pero al añadir el scrip solo muestran las 6 primeras, el resto se muestra desordenadas debido a las diferentes resoluciones, como podría arreglar esto? ayuda por favor
    este es el blog http://hikikogif.blogspot.com/

    Responder
      • diciembre 7, 2014 en 12:48 am
        Permalink

        Claro, si le quito el scroll quedan alineadas y hasta con el resto de las entradas con la preview que elijo, pero al cargar todas las entradas el blog se demora en cargar y no puedo limitar el numero de entradas ya que la plantilla no lleva paginador (cuando lo hago solo muestra 6 entradas y el resto desaparece), por eso quiero el scroll infinito pero me da este fallo, me podrías ayudar? por favor! 🙁

        Responder
    • diciembre 13, 2014 en 9:59 pm
      Permalink

      Amigo has probado modificando el CSS de tu plantilla?

      Me avisas a ver si te puedo ayudar.

      Saludos :p

      Responder
  • enero 21, 2015 en 7:03 am
    Permalink

    Saludos, yo he probado ya muchas veces con lo compartido en diferentes webs a colocarle esto a un blog que manejo actualmente, pero hasta el momento nada funciona, simplemente no pasa nada.

    ¿alguna idea de porqué podría sólo no funcionar?
    Desde ya, gracias por la ayuda. 🙂

    El blog es http://kaoz-blog.blogspot.com/

    Responder
    • enero 21, 2015 en 4:21 pm
      Permalink

      Amigo tu plantilla está muy personalizada y tal vez algunos de los códigos de tu plantilla hacen que el truco no funcione @@,

      Saludos

      Responder
      • enero 21, 2015 en 4:42 pm
        Permalink

        Gracias por la respuesta, y perdona la molestia pero, ¿tienes idea de qué secciones de código pueden llegar a interferir con este truco?

        Responder
        • enero 23, 2015 en 7:17 pm
          Permalink

          Este código usa la librería jQuery, tal vez ya hayas agregado la línea de esa librería en otro truco.

          Saludos

          Responder
          • enero 24, 2015 en 2:07 am
            Permalink

            Muchas gracias por las respuestas (aún soy algo nuevo en el tema), te cuento, estoy trabajando en una nueva plantilla y este truco “funciona” pero con un pequeño problema, al cargar las nuevas publicaciones, resulta que al darles clic a las imágenes previas, las abre como imagen en vez de abrir la publicación.
            Además de esto, ahora me muestra toda la publicación en la vista previa, en ves de sólo el título y una de las imágenes como en la primer página de publicaciones.

            ¿tienes idea de qué pordía ser y cómo podría arreglarlo?

  • mayo 20, 2016 en 12:55 am
    Permalink

    Está chulo el tip, sin embargo al colocarlo en mi blog: http://latecnomega.blogspot.com/ funciona bien pero al cargar el resto de las entradas las carga completas, yo quiero que las cargue como están las anteriores, resumidas, si le puedes echar un vistazo y ayudarme por favor.

    Responder

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *