Add Load More Posts or Infinite Scrolling to Blogger

You've seen the endless scrolling option on Facebook, Twitter or Google+. Instead of showing links to old / new posts , we can dynamically upload posts whenever you click the "Upload More Posts" button or scroll down the page. This tutorial shows you how to implement an Ajax-based download script that uploads more posts to Blogger or adds Infinite Motion so that visitors can easily navigate without reloading the page.

How does it work?

- You can add an "Upload more posts" button, or automatically download older posts when a visitor scrolls down the page.
- Once applied, it adds more posts / infinite action to the index page (home page, archive, tag page) and applies to all Blogger posts. Unable to add all posts.

Demo

Watch the demo below to see it live. As you scroll down the page, you'll see a button to upload more posts. By clicking on the following, the next 3 posts will be downloaded for display.

Demo

Upload more posts to Blogger or add Infinite Action

1. Log in to your Blogger account and click on the blog you want to add
2. Open the themes and click the HTML Edit button to open the template editor> anywhere in the code field and press CTRL + F (or Command + F) to open the search box.

3. Enter the following tag in the search field and press ENTER to search it:

4. That's right Tags, add script below:

If you want to upload your post as a demo blog using the More Post Upload button, add this script:

B. If you want to add continuous sliding without a button, type:

Note: This code uses the jQuery library; So if your page already has jQuery, delete the red line highlighted above.

5. Click the Save Template button and click the Upload My Post / Infinite Copy button on your Blogger blog.

The result

It's here! So here's an easy way to add more blog posts or scroll endlessly on Blogger. After that, our visitors can stay on one page and quickly switch to an unlimited number of posts!