{"id":5409,"date":"2012-08-09T20:12:45","date_gmt":"2012-08-09T20:12:45","guid":{"rendered":"http:\/\/2slick.com\/web\/?p=5409"},"modified":"2012-11-17T05:53:05","modified_gmt":"2012-11-17T05:53:05","slug":"how-do-i-get-endless-scrolling-on-tumblr","status":"publish","type":"post","link":"https:\/\/2slick.com\/web\/how-do-i-get-endless-scrolling-on-tumblr\/affordablewebsitestips\/tutorials\/how-to-blog","title":{"rendered":"How Do I Get Endless Scrolling On Tumblr"},"content":{"rendered":"

How do I get endless scrolling on Tumblr? Endless scrolling is also known as infinite scrolling, autopage or autopaging and has become very popular on Tumblr because it makes browsing through posts effortless.<\/p>\n

There is a way to turn your current standard paging Tumblr theme into an infinite scrolling theme<\/a> using some JavaScript. Follow the instructions below.<\/p>\n

Add endless scrolling to your Tumblr<\/h3>\n
    \n
  1. Log into your Tumblr Theme.<\/li>\n
  2. Click on the 'Preferences' icon.\n

    \"\"<\/a><\/li>\n

  3. Click the 'Customize your blog' button.\n

    \"\"<\/a><\/li>\n

  4. Now you're in the 'Customize' section of your Tumblr blog. Insert this JavaScript snippet into you 'Description' field.\n

     Javascript | <\/td><\/td> copy code |<\/td>?<\/td> <\/td><\/tr><\/tbody><\/table>
    1<\/td>
    <<\/span>script type=<\/span>"text\/javascript"<\/span> src=<\/span>"http:\/\/codysherman.com\/tools\/infinite-scrolling\/code"<\/span>><\/<\/span>script><\/span><\/pre><\/td><\/tr>
    2<\/td>
    <\/pre><\/td><\/tr><\/table><\/div><\/pre><\/p>\n
    \"\"<\/a><\/li>\n
  5. Click the 'Save' button.<\/li>\n
  6. Click the 'Close' button.<\/li>\n
  7. Test your theme, it should have infinite scrolling now... If your theme has infinite scrolling, you're done with the tutorial, if not, continue one to the next step.<\/li>\n
  8. Navigate to the 'Customize' section of your Tumblr blog.<\/li>\n
  9. Delete the JavaScript code snippet you previously inserted into the 'Description' field.<\/li>\n
  10. Click the 'Edit HTML' button and place the JavaScript code snippet just above the '' tag.\n
    \"\"<\/a><\/li>\n
  11. Click the 'Save' button.<\/li>\n
  12. Click the 'Close' button.<\/li>\n
  13. Test your theme, it should have infinite scrolling now... If your theme has infinite scrolling, you're done with the tutorial, if not, continue one to the next step.<\/li>\n
  14. Paste this HTML code snippet\n
     HTML | <\/td><\/td> copy code |<\/td>?<\/td> <\/td><\/tr><\/tbody><\/table>
    1<\/td>
    <\/pre><\/td><\/tr>
    2<\/td>
    <div<\/span> class<\/span> =<\/span> "autopagerize_page_element"<\/span> ><\/span><\/pre><\/td><\/tr>
    3<\/td>
    <\/pre><\/td><\/tr><\/table><\/div><\/pre><\/p>\n
    just before the '{block:Posts}' tag.<\/p>\n
    \"\"<\/a><\/li>\n
  15. Paste this snippet\n
     HTML | <\/td><\/td> copy code |<\/td>?<\/td> <\/td><\/tr><\/tbody><\/table>
    1<\/td>
    <\/<\/span>div<\/span>><\/span><\/pre><\/td><\/tr><\/table><\/div><\/pre><\/p>\n
    just after the '{block:Post}' tag.<\/p>\n
    \"\"<\/a><\/li>\n<\/ol>\n
    I'm not taking the credit for this post. I got this information from tumblring.net<\/a> - Making your Tumblr an endless scrolling page. I wanted to show the details of the tutorial in more detail.<\/p>\n","protected":false},"excerpt":{"rendered":"
    How do I get endless scrolling on Tumblr? Endless scrolling is also known as infinite scrolling, autopage or autopaging and has become very popular on Tumblr because it makes browsing through posts effortless. There is a way to turn your current standard paging Tumblr theme into an infinite scrolling theme using some JavaScript. Follow the instructions […]<\/p>\n","protected":false},"author":1,"featured_media":5410,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[298],"tags":[504,421],"class_list":["post-5409","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to-blog","tag-infinite-scroll-tumblr","tag-tumblr"],"_links":{"self":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/5409","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/comments?post=5409"}],"version-history":[{"count":8,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/5409\/revisions"}],"predecessor-version":[{"id":7512,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/5409\/revisions\/7512"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media\/5410"}],"wp:attachment":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media?parent=5409"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/categories?post=5409"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/tags?post=5409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}