Tag Archives: scrolling
Articles

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.