tumblr infinite scroll
Infinite Scroll is something that is swiffering the blogosphere. Instead of continuing to click “next page” over and over, it just loads the next page for you as you scroll down the page you are on.
If you use tumblr and want your blog to have this feature, follow these easy steps…
Copy the following code:
<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
Next, go to the dashboard on your tumblr, click “Customize”. Go to the top menu, click on “Theme”, then click on “Use Custom HTML”.
All the code from you blog should appear in the window.
Paste the code at the bottom of the <head>:
<head> all of your css code <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script> </head>
Again, the code that you pasted should be the very last thing before the </head> tag.
Save. Refresh. Scroll Infinitely.
I’ve made a slight variant on the page marker. You can follow the same instruction with this new url http://static.tumblr.com/fpifyru/F4wm4bbxj/autopager.js
Even though on my own site I’ve hide the page marker with CSS,
.tumblrAutoPager_page_info { display: none; }
And, I’ve hidden the common paging URL behind noscript tag,
{block:Pagination} <noscript> <!-- your pagination theme code here --> </noscript> {/block:Pagination}
autopager.js source:
