Add Infinite Scrolling To Blogger

Blogger gives you cool option to set number of posts on your homepage. You just give a number and then you can control number of posts on your homepage. Other than that you can change your template to 'Dynamic View' which lets your visitors to see all your posts at once by scrolling down.

But, dynamic templates have creates more problem than other blogger templates. But still some people use dynamic templates because of that infinite scroll option

What is infinite scroll?

I know some of you will be having a question like this. So let me give you the answer.

Infinite scrolling lets your visitors see your posts on homepage just by scrolling down. It doesn't load all your posts at once. The number of posts you've set on your homepage will load only but when a visitor scrolls down then other posts will start loading.

See this demo page to understand better

Steps to follow

Open blogger
Go to 'Layout' and click on 'Add a gadget'
Leave the title blank
Copy and paste this code in that gadget and click on save

<script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script type='text/javascript' src='//m-misc.appspot.com/js/blogger-infinite-scrolling.js'></script>

Now, you can visit your blog and see the magic of infinite scrolling.

To remove infinite scrolling from your blog just remove the gadget you added.