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.

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

  2. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  3. Save and Close and check if it works.


Tumblr with Infinite Scrolling Pages. Method 2.

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


Tumblr with Infinite Scrolling Pages. Method 3.

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

  3. <div class = "autopagerize_page_element" >
  4. After each closing post type tag [e.g. {/block:Posts}], paste the following code:

  5. </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.

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

Add Comment
← Older Comments
  1. val

    December 11, 2012 at 5:17 am

    Mine becomes endless scrolling, but all my pictures overlap, so half of them are behind other ones. Is there something i can do?

    [Reply]

  2. 14DD

    December 15, 2012 at 8:52 am

    Hey, if i send you my blog or something could you try and edit this in? everything im doing isnt working

    [Reply]

  3. 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]

  4. 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]

  5. Rafael

    January 5, 2013 at 5:34 am

    it doesn’t work in the theme that i’m using. :( sad! can you help me please? thanks!

    [Reply]

  6. Mano

    January 12, 2013 at 1:19 pm

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

    [Reply]

  7. 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]

  8. 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]

  9. 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]

  10. 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]

  11. 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]

  12. hannah

    January 17, 2013 at 7:42 pm

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

    [Reply]

  13. 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]

  14. 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]

  15. 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]

  16. cordealia

    January 20, 2013 at 5:43 am

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

    [Reply]

  17. fevrier-25th

    January 21, 2013 at 3:59 pm

    Method Two worked! Thankyou soooo much :D

    [Reply]

  18. 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]

  19. 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:

    check if the problem is the browser.

    [Reply]

  20. 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]

  21. 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]

  22. Daniel

    January 27, 2013 at 3:22 pm

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

    [Reply]

  23. 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]

  24. 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]

  25. 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]

  26. 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]

  27. 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]

  28. 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]

  29. 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]

  30. 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]

  31. Jazmyn

    January 31, 2013 at 12:49 am

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

    [Reply]

    Mr. Tumblr Reply:

    Then the problem relies on your own theme, contact the theme creator to find out how to make it work.

    [Reply]

  32. Mandy Smoak

    February 8, 2013 at 9:44 pm

    My theme had an “infinite scroll” check box that never worked -_- I stopped caring for like two days, but then I found this and Method 2 worked great! THANK YOU SO MUCH FOR MAKING MY TUMBLR NOT ANNOYING!

    [Reply]

  33. channing

    February 22, 2013 at 2:18 am

    I tried method one and it worked for a while then it stopped working so I went back to my discription box and the code was gone. I put it back in the description box and now it won’t work at all.

    [Reply]

  34. beth

    February 24, 2013 at 6:55 pm

    hi im the same as a few others, the second method worked but its a complete mess on the page, posts are all on top of each other. Thing is that the infinite scroll worked before but suddenly stopped? help!!

    [Reply]

  35. blacksheep

    February 25, 2013 at 11:35 pm

    I spent ages fiddling with my code but I found this solution on facebook.com/level82 which worked for me:

    > Customize your theme
    > Edit HTML
    > In the head section you must REMOVE the jquery-latest.js script and include these scripts in its place:

    [Reply]

  36. roy

    March 10, 2013 at 2:41 pm

    Thanks for putting this tutorial together. Method 3 worked for me. However, it’s not working on mobile. (iphone4 Safari, at least). Any ideas on where to start troubleshooting?

    [Reply]

  37. daisy

    March 16, 2013 at 5:37 pm

    i have tried so many different methods and some of them dont work at all but most of them make all of my posts overlap. help please!

    [Reply]

  38. Harisikjan

    March 22, 2013 at 2:47 am

    After the second method i can scroll down but there are a bunch of strange gaps in between all of the pictures!! What do i do? HELP!

    [Reply]

  39. Vilma

    March 24, 2013 at 11:52 am

    Method 3 works for me, BUT I lost many posts when I added it! All of them were there when I had pages, but with this infinite scrolling I lost many randomly here and there. Then when I removed the scrolling, they came back. How can I get them back on infinite scrolling?

    [Reply]

  40. Rebecca

    March 27, 2013 at 2:54 pm

    I’ve tried all three methods and the only thing it makes infinite is the header picture, but still if you want to see older post you need to go “next”. I don’t know how to use HTML- it’s my first use of it… is there any hope?? please help. I’m using the “Astronaut” theme on tumblr.

    [Reply]

  41. Adrianna

    April 3, 2013 at 5:55 am

    the second one worked for me! Thank you very much!!

    [Reply]

  42. raghu

    April 14, 2013 at 3:49 pm

    hi
    the 3rd trick sort of worked but it made my theme go vertical, any idea on how to make a horizontal picture blog scroll infinitely? i googled a lot but nothing seems to work and the theme creator is on a break :( pls help thanks much for your time and effort. appreciated.

    [Reply]

  43. Vieve

    May 14, 2013 at 1:40 pm

    hi my theme has endless scrolling but after i tweaked it, it can’t endless scroll anymore. i really need help. i really really love this theme and the only problem that i got is the endless scrolling.

    [Reply]

  44. lucih

    June 4, 2013 at 2:00 pm

    i love you guys the first method did work <3 <3

    [Reply]

  45. johnny

    June 10, 2013 at 1:17 pm

    Hi thx for the codes, i have the theme “the minimalist” number 3 worked and i removed the pagination, that also works on the first page but on the following ones it shows the pagination again, althoug i can keep scrolling over it, do you know how i can remove that?

    [Reply]

  46. Alex

    July 13, 2013 at 5:03 am

    Thx The first infinite scrolling method worked fine for my blog. but after I scroll down past the first page of posts on my blog the rest of my posts are connected with no space inbetween them. how do i fix this?

    [Reply]

  47. Mia

    July 17, 2013 at 10:40 pm

    Method 1: Did not work AT ALL
    Method 2: worked, but the posts overlapped
    Method 3: worked, but made my blog vertical… HELP PLEASE!!!

    [Reply]

  48. Trang

    October 28, 2013 at 11:19 am

    Method 1 worked for me!!! guys, it wont work if u have scm player!

    [Reply]

← Older Comments

Submit a comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>