How To: Infinite Scrolling

Ever been on a blog and it seems to be infinitely long? The more you scroll down, the more content there is, the shorter your scroll bar gets. This function is called infinite scrolling, basically what happens is the website keeps loading the next page into the page your browsing when you get near the bottom. This how to will show you how to implement this function in your tumblog. Not all theme’s are able to do this but we’ll assume that yours will. So Let’s get started…

First Step

Log in to your Tumblr account and select your blog from the sidebar to the right.

Step 2

Once your in your blogs dashboard, click on the "Settings" Gear from the top navigation.

Step 3

Select your tumblr blog once more from the sidebar to the left.

Step 4

Click on the "Theme [Customize]" button.

Step 5

You will be redirected to a page with your design on the right and a sidebar on the left. Select the "Edit html" option on the sidebar to the left.

Step 6

Look through the code till you find the </head> tag. Right below the tag paste the following code:

<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/lPHlj76n8/infinitescrollingbycodysherman.js"></script>

Final Step: Step 7

Lastly Select the "Appearance" tab on the top left and press on "Save" to save your changes.





Now go to your blog and test the infinite scroll to make sure it’s functioning correctly. If not try one more time and then if you still have no luck hit up our ask page

Happy Tumblring!