How to Load Infinite posts in Blogger

How to Load Infinite posts in Blogger

 We often face issues with loading the posts button in blogger. We often get lost. The best way is to see all the posts in one tab with our clicking for load more posts rite. 

If you’re trying to make your blog load infinity posts, then follow through the short article. With just 10 lines of code, you can change that. 
Infinite Loading in Blogger

Steps to Use Infinite Post-loading Script on Blogger


1. Go to Blogger Dashboard › Select Blog › Theme › Click on Edit HTML

2. Now search(ctrl+F) for </head> in your template

3. And paste following code above </head> that you just searched for

<b:if cond='data:blog.pageType == "index"'>
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>
<script src='' type='text/javascript'></script>
<script type='text/javascript'>
jQuery.ias({
container : '.blog-posts',
item: '.post-outer',
pagination: '#blog-pager',
next: '#blog-pager-older-link a',
loader: ''
});
</script>
</b:if>

4. If you’re using the latest jQuery script, you can remove the jQuery code from the above code highlighted in red. 

5. Now, click on save. 

6. Refresh the blog and see the difference. 

If you enjoyed this post, please consider leaving a comment and subscribing to the email newsletter to have future articles delivered to your email.

Leave a Comment

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