How to Add Load More Posts OR Infinite Scrolling to Blogger

Technology is running with rocket's speed :) and also technology is increasing in the world of web that why we can add as much as new features in the blog be'coz blogging is so much flexible than a website. So, we can add many new and professional features in our blog and same like it "There is an another feature named as LOAD MORE POSTS. Today you will get to know that how can we add that LOAD MORE POSTS or INFINITE POSTS SCROLLING. This is very simple and very easy to install but this effect made by jQuery.

Live Demo

Add Load More in Blogger

• Login to Blogger > Dashborad
• Click on Drop Down Menu and select Template
• Backup your Template before making any changes to your blog
• Now Click on Edit HTML
• Press Ctrl + F and search the code shown below.

</head>

• Paste below code before </head>

 <b:if cond='data:blog.pageType == "index"'>
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'/>
<script src='https://googledrive.com/host/0Bxsq9VDr3zyFMjNlYjhNeWlza1U' type='text/javascript'/>
<script type='text/javascript'>
jQuery.ias({
    container : '.blog-posts',
    item: '.post-outer',
    pagination: '#blog-pager',
    next: '#blog-pager-older-link a',
    loader: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC3mdGW24i0D8rsomfau6cFYCZFbkX8athT3s4fn0k25XdnfFlrJuV8775uVuTzlhkXepgUGggDLgQgxbNPvc0Jo0WpnIT71453lyXz5uebyNj_kMq01hTr57GWDqw7l1GI5-WEz_hWhEz/s1600/wgloading.gif'
});
  </script>
</b:if>

• Finally Save Your Template.

Final Words....!

Load More Post widget simply made  by using the jQuery and this can install very easily but adding the some simple codes, but as we said this widget made by jQuery you it can affect your template some where like javascript could be affect by this jQuery codes but don't worry it will not affect your other important plugins. So go and add this.