5 January 2014

Infinite Scrolling Effect for Blogger

Infinite Scrolling Effect for BloggerToday's post is about blogger infinite scrolling widget,yup sound little complicated we know.So let's have a brief discuss about it first.There in your blogger blog must have  older post and newer post at the bottom part of your blog which shows your next and previous post when user click over it but this tutorial helps you to set these options to automatic mode, means if you add following JavaScript code into your blogger template,then  the readers on your blog will not find older and newer post but instead the new post of your blog will automatically show up when readers scroll down the window. The perfect example you can see is in your Facebook homepage, the new updates automatically shows when you scroll down the window.Now we guess you got the idea,let's move onto the tutorial part then.

 Must Read : Facebook Comment Box for Blogger

How to Add This on Blogger

  • First log onto Blogger dashboard.
  • Next click on your blog title and go to Layout section.
  • After that click add a widget and choose HTML/JavaScript from the widget list there
  • Next paste the following code inside the box appeared

<script src='http://code.jquery.com/jquery-1.7.1.min.js' type='text/javascript'></script><script src='http://yourjavascript.com/4153098131/infinite-scroll-for-blogger-blogs.js' type='text/javascript'/></script>

  • Now save it and you're done

This widget uses JavaScript and Ajax that’s why receiving data from server become so easy without affecting current page. We call this widget as “Infinite Scroll widget”.It'll make your blog's navigation more easy as well as decrease the loading time of your blog too.

 Must Read : Add Page Peel Effect on Blogger

Sounds cool right?why don't you just give it a try on your blog?Don't forget to give us a feedback about this tutorial through the below comment box.

Articles You May Like

4 comments: Leave Your Comments

  1. I have been for this for so long and finally found it here! Thank you I will try it :)

  2. The infinite scroll effect can help promote older post.