Add Ajax Infinite Scrolling Effect In Blogger

Add Ajax Infinite Scrolling Effect In Blogger:

Hello Friends Today I Am Gonna Show You How To Add Ajax Infinite Scroll In Blogger.You Want To Add It So Follow My Steps...............................................

• Open Your Blogger Account 

• Click On Template

• Click On Edit HTML

• Now Find The Below Code ( Find The Code Press CTRL+F)

</head>

• After Finding The Code Paste The Below Before/Above On </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://bloggeryard.googlecode.com/svn/trunk/Infinite%20Scroll%20Plugin.js' 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/AVvXsEi3xTdh7fXzsiSvuNt1YJTAXUUlmgjUrgRspll7agOBSKu7H7akvhL651aVVJXdXh87DkFPcTIXVLQOs-d6srZwnwdJkkqG4Z-LXsLL1m-jzVqFnYazc1NFgeEWLKN54vYsjUKV5JMEsoax/s1600/loading.gif'

});

  </script>

</b:if>

• Note: You Want To Change Image Of Loading Change Orange Link With You Image Link

• After Pasting The Code Save Your Template And Check Your Blog

Yipeeeeeeeeeeeeeeee..............................................