How To: Infinite Scrolling and Page Up Button ^-^
Okay, so yeah here we go:
Step 1: Copy and paste this in your theme code, above where it says </head>
Hint: If you can’t find that in your theme or are just too lazy (no shame >u<) to look hit ctrl + f and type in </head> and it’ll be highlighted~
<script type=”text/javascript” src=”http://codysherman.com/tools/infinite-scrolling/code”></script>
and that’s that part ^w^ easy peezy.
okay now for the page up button:
Copy and paste this code above where it says </style>
#scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; top: 15px; right: 15px;}
Then, copy this code under the infinite scrolling code, still above the </head> tag.
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js”></script><script src=”http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js”></script><a href=”javascript:;” id=”scrollToTop”><img src=”http://media.tumblr.com/tumblr_lpvu9709KH1qlzq96.png” border=”0”></a>
If you want a different picture or gif, like the ones I have, copy the image url, and paste it where i crossed it out here:
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js”></script><script src=”http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js”></script><a href=”javascript:;” id=”scrollToTop”><img src=”http://media.tumblr.com/tumblr_lpvu9709KH1qlzq96.png” border=”0”></a>
and make sure to replace the .jpg or .gif to say .png ^w^
AND WE’RE DONE!
easy peezy
Infinite Scrolling Tutorial.
This is an Infinite Scrolling/Endless Scrolling Tutorial.
First add the following script between your <head></head> tags
<script type=”text/javascript” src=”http://codysherman.com/tools/infinite-scrolling/code”></script>
Next add the follow div before the {block:Posts}
<div class = “autopagerize_page_element” >
Lastly add a closing </div> after the {/block:Posts}
if there are other closing divs there just leave them alone. all you need to do is add one yourself at the end of all of them.
Save and You’re done!
If you don’t want the next/previous arrows/text to appear just look for the Pagination blocks and delete them and everything inside of them.
Remove endless scrolling / infinite scrolling?
does anyone know how to get rid of endless scrolling?
i found tutorials on the net to do so, but it doesn’t seem to work with the hasaportfolio theme (http://hasaportfolio.com/). code = http://matt.cc/tumblr/portfolio/hasaportfolio_theme.txt.
this theme comes with endless scrolling preinstalled, and i’ve got no clue how to add a pagination instead!
i would really appreciate any help!
update: thx for the help, but unfortunately, there isn’t any option in the theme-customisation. has to be changed via html :(
WANT ENDLESS SCROLLING?
do you want endless scrolling on your tumblr page without having to change your theme?
here’s how!paste the following line of jscript code into your description box to make your blog endless scroll. the description box is located in Customize »> Info.
<script type=”text/javascript” src=”http://proto.jp/js/tumblrAutoPager.js”></script>
NOTE: It is very important that, after you paste the code you retype all the quotation marks, there are a total of 4. Somehow the quotation marks get pasted in italics or backwards and it won’t work unless you retype them.
save and close and that’s it! you have endless scrolling. =)
Infinite Scrolling
STEP 1
1. Copy this code before </head> tag.
2. Update preview » Save.
Oops! It doesn’t work? Don’t worry there are still another ways.
STEP 2
1. Don’t delete the step 1 code!
2. Find this part {block:previouspage}
3. Delete this code from {block:previouspage} to {/block:nextpage}
4. Update preview » Save.
Uh oh! Still doesn’t work?! Aw don’t be sad. It’s your theme, not you :)
STEP 3
1.Don’t delete the step 1 and 2 code!
2. Put this code before {block:Posts} tag.
3. Put this </div> after {/block:PostNotes}
4. Update preview » Save.
Well it was the last step. If it still didn’t work, I’m sorry I can’t help you anymore. My suggestion is change your theme or no infinite scrolling at all. Oh noes! There are still another way! Go try to ask him, the maker of infinite scrolling. I’m sure he can help you but please be patient! Because he got a ton of messages about infinite scrolling :)
Endless Scrolling on your 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 , you just need to paste a line of code into your description, but please, pay attention to the note after that. Tumblr with Infinite Scrolling Pages. 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. Your description box is located in Customize »> Info.
<script type=”text/javascript” src=”http://proto.jp/js/tumblrAutoPager.js”></script>
NOTE: It is very important that, after you paste the code you retype all the quotation marks, there are a total of 4. Otherwise the endless scrolling page won’t work, and I found out this is the only reason many people complain that this code is useless when it’s not. Somehow the quotation marks get pasted in italics or backwards.
Infinite Scroll yay!
*EDITED POST*
Yay I got infinite scrolling working again after changing my theme!
Credits go to Cody Sherman.
FOR INFINITE SCROLL
Simply copy these 3 parts of code into your html coding in the theme tab in customize.
The first section is
<Div class = “autopagerize_page_element”>
u put that right before
{block:Posts}
The second section is:
<script type=”text/javascript” src=”http://codysherman.com/tools/infinite-scrolling/code”></script>
which you put right before closing the head
</head>
and the third code is:
</div>
and u put that right under
{/block:Posts}
To get a better idea of where everything is, visit this site:
http://static.tumblr.com/q0etgkr/4oilcmw4j/infinite-scroll-help.txt
and search for ‘infinitescroll’.
Feel free to message me if you need any help :)
html tutorial; endless scrolling
the easiest way to make your blog one which has no post limit for each page (i.e. you can scroll straight through from the first post to the last) is to add the following script into your description
- <script type=”text/javascript” src=”http://codysherman.com/tools/infinite-scrolling/code”></script>
it won’t show up as text on your blog, although it will look like this during customization:
save your progress, and close the customization page. go onto your blog and check if it works.
—————————————————————————————————-
if that doesn’t work, delete the code from the description and go into the html. copy the same script into your html code, directly above </head>
it should look like this
—————————————————————————————————-
there is another method to use if that doesn’t work, but it involves heavily altering the html, if you have a theme that won’t work with either of the above methods, submit your entire theme to me and i will alter it accordingly
