Making your Tumblr an Endless Scrolling page

To make your own Tumblr have an endless scrolling page (until you reach your very own first post), also known as autopager or autopage, or infinite scrolling , you just need to paste a line of code into your description, but please, pay attention to the tutorial.

UPDATE: We’ve received tons of mails telling us that the tumblr autopager script simply doesn’t work on some tumblr themes, so we added a couple of methods that should cover most layouts, though sometimes is just plainly impossible to make it work.

Tumblr with Infinite Scrolling Pages. Method 1.

Paste the following line of jscript code into your description box to make your blog endless scroll. It doesn’t matter if the description already has text or anything else, since this script won’t show up.

Go To Customize Appereance >> Description and paste the following script:

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

Save and Close and check if it works.

Tumblr with Infinite Scrolling Pages. Method 2.

Remove the script you pasted in the description as indicated above
Go to Customize Appereance >> Edit HTML
Paste that same code right above the </head> tag.
Test again if it works.

Tumblr with Infinite Scrolling Pages. Method 3.

Keep the code you inserted in the description, do not erase it.
Before each post type [e.g. {block:Posts }] tag within your theme html, paste the following code:

<div class = "autopagerize_page_element" >

After each closing post type tag [e.g. {/block:Posts}], paste the following code:

</div>

Always copy your entire theme html and save it in a .txt file, just in case you mess up trying to install the tumblr endless scroll.

97 Responses to "Making your Tumblr an Endless Scrolling page"

← Older Comments

ally
November 7, 2012 at 2:10 am

I’ve tried everything! In the first and third method I can’t paste it in the description box, and with the second it cuts off some of my posts so you can only see the bottom strip, so I pasted the code above the and then used method three, and it gets rid of the weird strips but now there are weird spaces in between the posts!
Do you think it’s just my theme?

thanks!

[Reply]
Ami
November 10, 2012 at 2:51 am

I’ve tried this before and it worked then I deleted my theme and everything by mistake and it wont let me put the endless scroll in again even if its the same theme I used when it did work. My theme is Chunky by sleepoversf
.

[Reply]
Christy
November 12, 2012 at 8:13 pm

help! when i insert the code, i guess it’s technically infinite scrolling but it repeats my sidebar image, links, blog name, etc. for each “page” and the “previous/next” buttons are still there each time it scrolls down to the next page. how do i get to not repeat everything over again, only scroll down to reveal more posts? and how do i get rid of the previous/next buttons? i use the astronaut theme by peter vidani. you can see my theme at http://christyypark.tumblr.com

[Reply]
Rebecca
November 23, 2012 at 4:36 pm

I’ve tried and tried again to use this code, but it just won’t work! I mean, it does but it screws my tumblr up even more! It makes a second set of posts pop up on top of my posts, and then messes up everything. I’ve tried all 3 methods and retyped the quotation marks.

[Reply]
gabby
November 28, 2012 at 11:32 am

I’m using the fixed column white theme from pinkforsure.com and ive tried all sorts of things to get it to endlessly scroll and its really annoying, ive put the code in the description box and the html code and nothing has worked, any other suggestions?

[Reply]
Christine
December 7, 2012 at 7:24 pm

Ok so I have a question- the theme I am using for my tumblr originally had the endless scrolling but after I added a tumblr music player only the first 15 posts load and there’s nothing to click to go to a next page. I also had to delete the picture of myself on the sidebar just so that my whole description box was able to be read since you couldn’t scroll down either and it was cut off when my picture was there. If it comes down to it I’ll just take the music player down but I really don’t want to because the song fits perfect for my blog so I was wondering if you could help me out? p.s. I’ve already tried the first two methods but didn’t understand the third one so I didn’t try it because I didn’t want to mess up my html code.

[Reply]
Erica
December 9, 2012 at 6:01 pm

Honestly I’ve tried everything! I cannot get infinite scrolling to work on my page.

I believe the one I have is the fixed column black theme. I’ve already edited the html to get rid of the page numbers, added a music player and a cursor, yet infinite scrolling will notwork. =’[ Please help?

Fallingfaceless.tumblr.com, If you need to see my blog

[Reply]
Joe
December 10, 2012 at 1:50 am

So I got infinite scrolling to work with my theme, however, when I reach the bottom of my blog, it just keeps expanding downwards and “infinitely scrolls” into nothing and starts to bug out. Any idea how to get it to stop scrolling after my very first post on my blog?

[Reply]
lindatheshorty
December 25, 2012 at 10:14 pm

to those who don’t mind changing their theme into one that is already preset to “infinite scrolling” then I suggest that you use these two themes that are nice, simple, easy-to-use:

\>Syndex by: markremers
>Default by: petervidani

you can find them by going to your page:

YOUR PAGE NAME.tumblr.com/

then click CUSTOMIZE (little wrench tool)
>THEMES> FREE THEMES> then just find the two recommended themes.
#hopethishelps

[Reply]
Sonia
December 27, 2012 at 5:29 pm

I used to have infinite scroll on my last theme but when I changed the theme it won’t work! The new theme i got allows me to have infinite scroll but it won’t work for some reason and ive tried everything. I don’t know if I’m just that type of person that just can’t work with technology but i need help!!

[Reply]
Mano
January 12, 2013 at 1:19 pm

THANK U SO MUCH!!! The only one which worked

[Reply]
Kenchy
January 14, 2013 at 2:53 pm

I have “Inc” theme by Level82.. I really like it but I have problems with infinite scrolling.. I tried Method 1 and Method 2 and it can scroll but on page is a really mess.. Can you help me?

[Reply]
Amy Guerra
January 15, 2013 at 4:39 am

My theme provides the infinite scroll option but when I select it, it won’t show ALL of the pictures. A couple of hours ago, it was working perfectly but I was messing with the URL to try and improve my tumblr but I messed it up instead. So I completely reset the theme to its original settings. Now when I try these methods, the pictures overlap each other. The infinite scroll won’t work anymore.

[Reply]
Taylor
January 15, 2013 at 12:48 pm

Ive tried every single code/method you guys have to offer. Done EVERYTHING google has offered and still nothing.. weird bit is that the theme i’m using use to infinitely scroll and then all of a sudden it just stopped no idea why that is.. i don’t know if its because i played around with the HTML or if the theme just stuffed up.. PLEASE HELP

[Reply]
Lolly
January 15, 2013 at 8:27 pm

Hi, i cant add the infinite scrolling to my theme…
it has an option for it but when i click it nothing happens.
Im using level 82 themes ‘INC’

Please help!

[Reply]
frigg
January 16, 2013 at 8:26 pm

number 2 worked.. BUT! my tumblr fucked up totally, and the images was into eachothers and som of them was gone..

[Reply]
hannah
January 17, 2013 at 7:42 pm

method 2 worked, but now there are loads of gaps on my blog, help!

[Reply]
Selenia
January 18, 2013 at 12:35 am

So the code made infinite scroll but some of the posts are being covered by others.. and i don’t know why.. How do i fix this?

[Reply]
Homesick
January 18, 2013 at 3:41 pm

The endless scrolling did work on my tumblr page, but the problem is that the pictures cover each other up. It’s really weird. I’ve tried all the methods you listed to avoid that thing, but nothing worked. Any idea how to fix it?

[Reply]
Izzy
January 18, 2013 at 4:00 pm

I’ve tried infinite scrolling on my blog so many times! ive looked at so many websites about it but nothing works! i think im going to mad if i dont get this to work somehow! please can you help me! my blog is please help!

[Reply]
cordealia
January 20, 2013 at 5:43 am

Thank you, the first method did the trick! (January 19, 2013)

[Reply]
fevrier-25th
January 21, 2013 at 3:59 pm

Method Two worked! Thankyou soooo much

[Reply]
Kat
January 21, 2013 at 10:38 pm

Hi. I just got tumblr about a week ago and its been working pretty well. I’ve uploaded about 500 posts so far. I went on my tumblr blog this morning and it would let me continuously scroll down.
My customize buttons and dashboard buttons dont come up either and therefore I couldnt use the methods above.

Could you please help?

[Reply]
Gracie
January 22, 2013 at 5:02 am

I’ve tried all of these and nothing works I know my blog is capable of infinite scrolling because it has been doing so for about a year up until last week. I even tried reinstalling the theme, but still nothing. This is the theme I’m using if that helps: http://www.tumblr.com/theme/32855.

[Reply]
Mr. Tumblr Reply:
January 31st, 2013 at 1:43 pm
check if the problem is the browser.

[Reply]
le
January 23, 2013 at 11:28 pm

suddenly my endless scroll code doesnt work anymore :/
if i put the fist link it works, but only one column.

whats happened here?

[Reply]
AG
January 24, 2013 at 5:18 am

I tried method #2 and that worked however when I scroll down all the blog posts start getting bunched togther.

[Reply]
Daniel
January 27, 2013 at 3:22 pm

Hi!
Does the infinite scrolling works with Star-Aurora theme. Please help.

[Reply]
Miriam
January 27, 2013 at 4:40 pm

I tried the code, but it messed up my theme so that the posts started overlapping each other and old posts suddenly showed up at the top and stuff, any suggestions? My theme has this “infinite scroll” check box that i checked off but it doesn’t seem to work, or is it just my computer?

[Reply]
Lola
January 28, 2013 at 1:25 pm

Hey, I made a Tumblr theme, BUT the endless scrolling isn’t working, and i can’t see the others posts, so please help me!!!!!!!!!!

[Reply]
Sammy B
January 28, 2013 at 6:13 pm

I’m using Inkhorn and whenever I add in the javascript for autopaging, no matter where I put it, the entire column of posts for the first page is stacked on each other. Do you know how to fix that? Or if there is no fix, why adding the javascrpit messes with the padding?

[Reply]
Marine
January 28, 2013 at 11:02 pm

Thank you so much. I tried method 2 because method 1 doesn’t work and method 2 works.

[Reply]
Morena
January 29, 2013 at 5:31 am

I had tried a million times but nothing. When I save it all my posts starts to superimpose! i need helppp, pleasee! I have chapel road theme. Thanksss

[Reply]
Kaitlyn
January 29, 2013 at 6:20 pm

Hey. I have the theme ‘give me love’ and it won’t let me scroll without using the scrollbar. I can’t use the keys on my computer at all and it’s really annoying. Could you help?

[Reply]
morena
January 29, 2013 at 7:36 pm

When I put the code, all my posts mess up and some of them disappear! My tumblr goes crazy… Please I really need the infinite scrolling, I need help! I´ve tried a lot but… nothing!! I would really appreciate your help…
Thanks

[Reply]
james
January 29, 2013 at 9:52 pm

sorry about that last one i forgot to replace a }. infinite scroll now works but the posts that are normally in a 4×4 row are randomly and unevenly spaced what should i do?

[Reply]
Jazmyn
January 31, 2013 at 12:49 am

None of these methods worked for me. Can you please help me?

[Reply]
Mr. Tumblr Reply:
January 31st, 2013 at 1:24 pm
Then the problem relies on your own theme, contact the theme creator to find out how to make it work.

[Reply]