Infinite scrolling on Tumblr

As I said in my note “What I like about Tumblr”, infi­nite scrolling is a great thing for the lazy.

The prob­lem is that not every theme for the plat­form has it built in. But it turns out there’s a simple script that lets you easily make your theme infinite.

The instruc­tions from this post worked for me: Making your Tumblr an Endless Scrolling page, though obvi­ously it isn’t the only way.

So, option 1:

Go to “Customize appear­ance” → “Description” and paste this line there:

<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>

Save and check. Did it help? Great! No? Read on:

Option 2:

Remove that line from the descrip­tion and go to edit­ing the theme’s HTML: “Edit HTML”.

Search this abyss of incom­pre­hen­si­ble char­ac­ters for the </head> tag and paste the line before it.

Save and check again. Wrong again, dear? Then it’s

option 3 (the one that helped me):

Delete the code (the same line again) from the HTML and paste it back into the description.

Go to the HTML again and look for {block:Posts}.

Paste this in front of it:

<div class = "autopagerize_page_element" >

Then look fur­ther for the clos­ing tag {/block:Posts}

and paste this after it:

</div>

That’s it, now it def­i­nitely works. If it doesn’t, it’s not my fault :)