Add Awesome Infinite Scroll to Your Blogger Blog

Infinite scroll has been called autopagerize, unpaginate, endless pages. But principally it is pre-fetching content from a Consequent page and adding it directly to the user’s current page.

Infinite Scroll is a popular way to dynamically load fresh content into a site as a user scrolls down through it. The uninterrupted attention a user maintains when more content is provided automatically is at the core of the attraction of the infinite scrolling.

The reader will not have to stop to think where to find the next button or which number of pages should come, following an improved attention.

In psychosomatic terms, infinite scrolling seems to trigger automatic responses based on interest  and the alleviation of the expectation produced while waiting for new information, which causes a kind of excitement and willingness to continue scrolling to see what comes up.

So I think we need to stop discussion and start tutorial.

Here’s a quick walk through of how to do it. I have the set home page to show 3 posts, scroll to the end of the posts you will see the link to “Load More Posts”.

If you continue scrolling  posts will load automatically.

How to Set it Up in Blogger

1. Go to your blogger dashboard>>template>>edit html

2. Press CTRL+F and Find the following :

</body>

3. Copy the code below and paste it right before/above tag in your template.

<script src='https://code.jquery.com/jquery-1.7.1.min.js' type='text/javascript'></script>
<script type="text/javascript" src="https://yourjavascript.com/40233106134/infinite-scroll.js"></script>
4. That’s it you’re done! Save it and view your blog.

Please Share, Thank You in advance.

Add a Comment

Your email address will not be published. Required fields are marked *

error: Content is protected !!