infinite scroll

Load Posts With Infinite Scroll On Blogger Blogs

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.

original-blogger-logo-in-purple

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.

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.

author-paul-crowe (1)

Author – Paul Crowe 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.


Similar Posts

Load Posts With Infinite Scroll On Blogger Blogs
Informative
84
Useful
81
Easy To Read
87
Fact
87
Reader Rating0 Votes
0
85