Infinite Feeds Scrolling On Blogspot

Infinite Feeds Scrolling is the act of setting your Blogspot blog feeds, such as the home page, achieve list, Label post list, to continue loading new post snippets when a user scroll down to the bottom of the current list. To activate this infinite feeds scrolling, do the following.

1. Login to your blog's dashboard.
    
2. Click on the Theme option in the left navigation bar and select HTML.
    
3. Next click on the box containing the HTML code of your blog's theme and press Ctrl + F (for Windows PC) or Command + F (for Mac) then type in </body> and hit the enter key in your keyboard.
    
4. Then paste the script below just before the </body> tag you searched for in the code box.
   

   <script src='https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js'/>
   <b:if cond='data:blog.pageType != &quot;static_page&quot;'><b:if cond='data:blog.pageType != &quot;item&quot;'>
   <style type="text/css">.status-msg-wrap{display:none;}</style>
   <script type='text/javascript'>
   //<![CDATA[
   !function(i){function e(e){i.getScript("http://"+e+".disqus.com/blogger_index.js")}function t(){g||(g=!0,r?(w.find("a").hide(),w.find("img").show(),i.ajax(r,{dataType:"html"}).done(function(t){var n=i("<div></div>").append(t.replace(c,"")),o=n.find("a.blog-pager-older-link"),d=n.find(s).children();i(s).append(d),window._gaq&&window._gaq.push(["_trackPageview",r]),window.gapi&&window.gapi.plusone&&window.gapi.plusone.go&&window.gapi.plusone.go(),window.disqus_shortname&&e(window.disqus_shortname),window.FB&&window.FB.XFBML&&window.FB.XFBML.parse&&window.FB.XFBML.parse(),window.twttr&&window.twttr.widgets&&window.twttr.widgets.load&&window.twttr.widgets.load(),o?r=o.attr("href"):(r="",w.hide()),w.find("img").hide(),w.find("a").show(),g=!1})):w.hide())}function n(){return Math.max(p.height(),l.height(),document.documentElement.clientHeight)}function o(){n()-(p.scrollTop()+p.height())<150&&t()}function d(){if("item"!=_WidgetManager._GetAllData().blog.pageType&&(r=i("a.blog-pager-older-link").attr("href"))){var e=i('<a href="javascript:;">Load more posts</a>');e.click(t);var n=i('<img src="'+a+'" style="display: none;">');p.scroll(o),(w=i('<div style="text-align: center; font-size: 150%;"></div>')).append(e),w.append(n),w.insertBefore(i("#blog-pager")),i("#blog-pager").hide()}}var a="https://1.bp.blogspot.com/-6_Eha7PSRy0/WXI6jskHE9I/AAAAAAAAMB0/6iFQ2qywS2kaNA2evWgsUb51zjRFf69cQCLcBGAs/s1600/loader.gif",r="",w=null,s="div.blog-posts",g=!1,p=i(window),l=i(document),c=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;i(document).ready(d)}(jQuery);
   //]]>
   </script>
   </b:if></b:if>

    
   Or you can use the code instead:
   

   <script src='http://code.jquery.com/jquery-1.7.1.min.js' type='text/javascript'></script>
   <script type="text/javascript" src="http://yourjavascript.com/40233106134/infinite-scroll.js"></script>

That's it.

Also Read:

• How To Style Visited Links With CSS
• Creating Auto Scrolling Element Using HTML
• Creating Gallery Slider For Your Website Using Bootstrap 3 Carousel
• How To Add AdSense Page Level Ads Code To Your Blogspot Template
• Rotate Your Affiliate Banner To Your Visitors | Blogspot

Team +Pinfoltd 

SHARE THIS