Load Posts With Infinite Scroll On Blogger Blogs




| 18 comments

In this tutorial we have a new way for posts to be viewed on your blogs homepage, namely infinite scroll.Infinite scroll has been a popular trend in web design for some time and now you can have it on your blogger blogs.On Blogger we have on the home page by default 'Previous' and 'Next' buttons to load a new page of posts.Now this tutorial takes another step with adding Infinite Scroll to Blogger blogs.

This is user friendly and will cut down on load time.So I have the demo and a quick add button for you to add it to your blog in seconds.

This script comes with thanks to Manki's Weblog, you can check out the demo below.In the demo I have the home page set to show three posts, when you scroll to the end of the posts you will see the link to "Load More Posts".If you stay scrolling more posts will load automatically.

View Demo Button

Add Infinite Scroll To Blogger

To make it as easy as possible I have a 'Quick Add' button below.

Simply click on the button and you will be brought to the add gadget page, choose the blog you want to add it to then confirm.

You can move the gadget to the bottom of your blog on your layout page as the positioning of the code is not important.

Quick Add Button :


And that's it, really simple.Check out your blog with infinite scroll.Check out more of our Blogger tutorials here.

Drop your comments and questions below.

AuthorAuthor - is the owner and main author of Spice Up Your Blog.Paul lives in Ireland, has been blogging since 2006 and writing Spice Up Your Blog since 2009.You can find him in the usual social networks.


Join over 5000 Subscribers! Please sign up to receive Updates.

SUYB has its Focus on Quality. If we post Crap, you can unsubscribe.

No Spam and No Garbage! - Use RSS, Twitter & Facebook as an Alternative


If You Enjoyed This Post Please Take 5 Seconds To Share It.

18 comments:

  1. oh great man i was in search of that, thanks alot budy,

    ReplyDelete
  2. This is one of the best gadgets ever - thanks Paul!

    ReplyDelete
  3. Hi Paul, Infinite scrolling works fine. For those who have read more (automatic) button, this jquery not going to work fine because a post loading with full page content. Suppose 5 post are allowed on main page, 6 th post want to be load using jquery. Its loading with full post content.. :/ How can i explain http://oi43.tinypic.com/52cdvp.jpg this is what Happening

    ReplyDelete
    Replies
    1. Because This J-Query In Conflicting With The Auto Read More Script So It Can't Work With That. :-(

      Delete
  4. Awesome blogger posts, thanks for sharing

    ReplyDelete
  5. Hey Thank you very much.
    A bigger thanks for giving us an easy 'Quick Add' button.

    Awesome!!!

    ReplyDelete
  6. awesome article. thanks for sharing

    ReplyDelete
  7. You are awesome! Thank you so much!

    ReplyDelete
  8. This is sooo cool.
    Thanks a lot!
    I'll be sure to share.

    ReplyDelete
  9. Thank You Sooooooo...Much...I am very much thankful to you....You always work hard to makes us happy! Thank You again!

    ReplyDelete
  10. thanks a bunch dude, I've been using it right now...

    ReplyDelete
  11. Thanks a lot for this great post!

    ReplyDelete
  12. One of the best extensions recently! Thanks!

    ReplyDelete



Important - If you ask a question make sure you tick the "Notify Me" box below the comment form to be notified of follow up comments and replies.


Hire Us