How To Add Load More Or Infinite Scrolling In Blogspot (Blog)

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.

Note: we Have A Full Guide On How To Solve Post not loading in blogger here

• 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/AVvXsEg2Z_3THZriOrB9M2isOlG4rL3Sn4_ZyYKKspZVgO7ITw_18WkgHzulcIYGREih4kX3IVbAeNK6Q12eMalvg65gcGEWgJEAqb_qjY-csuckB0yuJ-tAxPkV1PK6ShVV_bueN8rXzY-vMPKg/s1600/wgloading.gif’});</script></b:if>

• Finally Save Your Template.

Notice!!

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.

Share Share Tweet Share Share Share

Home

Thanks For You Reading The Post We are very happy for you to come to our site. Our Website Domain name http://codedforum.blogspot.com/?m=0.