Home » Blogger Tutorials, Tricks and Hacks » Blogger Posts / Archive Tricks » Add Infinite Scrolling To Your Blogger

Welcome to our AllBlogTools.com v.3 new version, We are still in beta, please contact us to report an error.

|| View All Tutorials ||

Add Infinite Scrolling To Your Blogger

Add Infinite Scrolling To Your Blogger

1 Star2 Stars3 Stars4 Stars5 Stars

Report Error

2,371 views

When browsing through a website, was there a time when you felt like you’re just too tired to click on that “Next” button just to see the rest of the posts? Well, I’m pretty sure that a lot of people did and that is why we have this thing called ‘infinite scrolling’ in web design.

Infinite scrolling allows the user to view the next set of posts in a blog site simply by scrolling down near the bottom of the page instead of clicking on a ‘Next’ button. Why not try it out on your own site and see if your visitors would appreciate it as well?

Here’s how you can install it:

(NOTE: This only works for Blogger’s default templates)

  • In your Blogger dashboard, go to Template and then click on Edit HTML.
  • Using Ctrl+F, search for the </head> tag and copy/paste the code below right above it.
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>

<script src='http://www.fieg.nl/wp-content/themes/fieg-b/js/jquery.ias.min.js' type='text/javascript'></script>

<script type='text/javascript'>
jQuery.ias({

container : '.blog-posts',

item: '.post-outer',

pagination: '#blog-pager',

next: '#blog-pager-older-link a',

loader: 'http://www.henley-putnam.edu/Portals/_default/Skins/henley/images/loading.gif'

});
</script>

(NOTE 2: If you already have that jQuery line installed, remove that and just upload the .js file on your own server)

  • Save your template and view your blog.

Thanks to the guys at SimplexDesign for the share.

Liked It ? Please Share

Comments

9 Responses | Post A Comment | Subscribe To Comments RSS Feed

  1. Harman Hira says:

    This script not works…..

  2. Harman Hira says:

    ok….. works….

  3. Takasih.com says:

    thanks, saya sudah mencari ini bertahun tahun, akhirnya saya menemukan tutorianya disini

  4. Moideincunc says:

    Superb Post.thanks for share..extra wait ..

    [url=http://coolchristianlouboutina.2kool4u.net]christian louboutin sneakers for men[/url]

  5. FINLIME says:

    A better way

  6. FINLIME says:

    <!–Start of Infinite Scrolling shared by Mastermind XXI–>
    <script type=’text/javascript’ src=’//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js’></script>
    <script type=’text/javascript’ src=’//manki-scripts.googlecode.com/files/blogger-infinite-scrolling-1.6.js’></script>
    <!–End of Infinite Scrolling shared by Mastermind XXI–>

  7. i have been on it for about fifteen days the insomia side effects went away the to start with 7 days i dont come to feel to hungry and i eat a little in the morrning and around 4 or 5 have a small dinner and thats all i like fruta planta dont know if i lost pounds but my stomic deffanetly went down i’m not weighing myself that why i dont know

  8. Jolyn says:

    Thank you! You are a genius!
    Used it on my blog: http://shopkeeperjoe.blogspot.sg/

    Happy new year!

Comments will be closed off on this post 365 days (1 year) after it is published. Apologies to this, but it's all about avoiding a growing comment spam problem. See our most recent posts where you can comment here