Search This Blog

Saturday, December 2, 2017

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:
Team +Pinfoltd 



SHARE THIS

0 comments:

Search This Blog