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.




A Diagram Showing Infinite Scrolling


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.

I like blogging as much as I like coding and designing though not more than traveling.
If I'm not here publishing stuff then you will find me researching about SEO and marketing.
Love to meet new people and try to help every person.
Find me interesting or have any issue?
Shoot a message and I'll be with you.

3 comments:

Don't forget to check 'Notify me' box to get notification of reply.