Make your tumblr awesome
Second Edit: Ok so I just got an email from my hosting provider explaining how this script had over 400,000 users worldwide, consumed over 80GB of system resources in just one month and crashed their server, taking 580 other sites down with it. Fun times. The not so fun fact is that they have also terminated my hosting account, explaining that a dedicated ($300 a month) solution would better suit my needs. As I can’t afford this, the script is down until I can find a suitable host.
If you follow, recomend me, then message me in my ask box I will send you a link to a new script. I think this is a reasonable request, and means not only can I control numbers, but receive a little bit of recognition for putting myself out there.
I’ve been trying for a while to make my tumblr page more like the dashboard and easier to read, so after a bit of tinkering I’ve added two rather awesome features to this tumblr profile that you can add to yours really easily.
First you’ll notice the “Back to top” button like the one on the tumblr dashboard, to get one exactly like the one here just enable “Custom HTML” under the theme tab of ‘customize’ and put this code just after the <HEAD> tag .
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js”></script>
<script type=”text/javascript” src=”http://www.youlovethispage.com/scrolltopcontrol.js”></script>
Next is something I think every blog should have, infinite scrolling (also known as autopaging) to get this to work is really simple. Just add the following in your description:
<script type=”text/javascript” src=”http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js”></script>
Et voila! You should now have infinite scrolling. If it isn’t working properly for whatever reason you’ll have to enable Custom HTML again (under Themes) and put:
<Div class=“autopagerize_page_element”>
At the beginning of the HTML for your post types and…
</Div>
…at the end. If this last bit seems a bit complicated you can find an example of where everything needs to go here. Search for “Infinitescroll” to find where to add those elements, look at what is after them to add them, search for ‘Back to top’ if you really need to know where that goes too.
Another Edit: Right, i’ve now produced two scripts aligned to different points in the bottom right because aligning to the top right proved too difficult using this script.
The link provided above only aligns properly if you have a streampad on your blog, this alternate link is for those without a streampad bar:
<script type=”text/javascript” src=”http://www.youlovethispage.com/scrolltopcontrol2.js”></script>
For custom buttons, or if you have any questions ask away.
Enjoy.
