If you enjoyed/hated my blog/have money to burn/are crazy, why not give me your money?
All you have to do is click on the button above.
No? Well, go on to the posts below, then, you prick.
Friday, June 22, 2007
So. I wrote a pagination hack for my blog yesterday. For the uninitiated, pagination refers to the links on a site that go something like "newer posts" and "older posts". Here are some instructions for anyone interested in using it.
1) Download this. If you run a puny OS like Windows you can unzip it using WinRAR.
2) Navigate to your Blogger Settings page, Formatting tab. Change the "Timestamp format" to the one that says something like "6/22/2007 01:33:55 PM".
3) Host the files somewhere and include them in your blog template. If you do not know how to do that, you can copy and paste the following code. It must be somewhere between your <head> and </head> tags.
<!-- pagination hack includes -->
<link rel="stylesheet" type="text/css" href="http://trashb.in/css/bloggerpaginationhack.css" />
<script src="http://trashb.in/js/bloggerpaginationhack.js"></script>
<!-- end pagination hack -->
You can, of course, choose to omit the comments, but they do make it easier to find and modify/remove code.
4) You also need to include the following javascript variables, again, in your HTML header.
<!-- pagination hack variables -->
<script type="text/javascript">
var datestr="";
var page=0;
</script>
<!-- end pagination hack -->
5) Include the following code somewhere within where your post is displayed. Placing it somewhere near your permalink would probably work fine. This updates the variable that stores the date of the earliest post on the current page.
<!-- pagination hack updating variables -->
<script type="text/javascript">
datestr = "<$BlogItemDateTime$>";</script>
<!-- end pagination hack -->
6) Finally, include the following at the bottom of your page.
<!-- pagination hack write newer and older posts links -->
<div id="moreposts">
<span id="new"><a id="newer" href=""><< Newer posts</a></span>
<span id="old"><a href="" id="older">Older posts >></a></span>
<script type="text/javascript">
getParams(datestr);
</script>
</div>
It is a crude hack, because I'm not really a javascript hacker, and there is one major imperfection in that the "newer posts" link is really just a back button. I did it that way because apparently the query parameter "updated-min" does not work the way I would expect it to work. However, this guy apparently managed to work it. I had no time to find out how, but if anyone can tell me, I'd be much obliged.
p.s. If you happen to use this code, please post a link to this post or post a comment here telling me I'm cool so that I can know how many people are using it and thereby validate my own existence, k thx.
Labels: blogger, geek, hack, pagination
Comments:
Back
I tested this and work fine, you save my life.
Later I will place at my blog.
YOU REALLY ROCK
Later I will place at my blog.
YOU REALLY ROCK
# posted by 
: February 11, 2009 at 11:21 PM
: February 11, 2009 at 11:21 PM
Hi Adrian,
I think if this code works and for labels will be gr8. Now code is ok but if click i label and after click older posts this code doesn't work.
You developed a gr8 code for classic template blogger.
Congratulation.
I think if this code works and for labels will be gr8. Now code is ok but if click i label and after click older posts this code doesn't work.
You developed a gr8 code for classic template blogger.
Congratulation.
# posted by : February 16, 2009 at 11:27 PM
: February 16, 2009 at 11:27 PM
Hi Klodian,
Thanks for the compliments. Unfortunately I do not currently have the time to try adding labels. Feel free to hack on my code, however.
Cheers.
Thanks for the compliments. Unfortunately I do not currently have the time to try adding labels. Feel free to hack on my code, however.
Cheers.
Hi Adrian,
Thank you for quick replay.
Unfortunate I'm not a program developer and I can't do this.
Anyway thanks again, however a bit work from you can make this code an excellent one.
I wish you the best.
Thank you for quick replay.
Unfortunate I'm not a program developer and I can't do this.
Anyway thanks again, however a bit work from you can make this code an excellent one.
I wish you the best.
# posted by : February 17, 2009 at 1:51 AM
: February 17, 2009 at 1:51 AM
Hi Adrian, is me again Klodian,
If you make this code available and for labels I will make a template for you like http://woork.blogspot.com, if you like this template just tell me.
Cheers.
If you make this code available and for labels I will make a template for you like http://woork.blogspot.com, if you like this template just tell me.
Cheers.
# posted by : February 18, 2009 at 1:28 AM
: February 18, 2009 at 1:28 AM
do you happen to know what elements i should change to make this script work with FTP blogger??
FTP blogger dont have the /search/label/ folder, does anyone know where i can locate this in FTP blog??
Thanks for your help!!
FTP blogger dont have the /search/label/ folder, does anyone know where i can locate this in FTP blog??
Thanks for your help!!
Cheers for the script. Used it here: Pruned.
This script would work for labels if it could append "/" to the URL. For example:
http://MYBLOG.blogspot.com/search/label/MYLABEL
|
|
Y
http://MYBLOG.blogspot.com/search/label/MYLABEL/
At the end of each post, Blogger automatically generates the URL without that extra "/". If visitors click those links, pagination won't work.
Meanwhile, on my sidebar, I have manually coded the URL of each labels with "/". Extremely time consuming, but if visitors click those sidebar links, pagination works.
Anyway, thanks again for the script.
This script would work for labels if it could append "/" to the URL. For example:
http://MYBLOG.blogspot.com/search/label/MYLABEL
|
|
Y
http://MYBLOG.blogspot.com/search/label/MYLABEL/
At the end of each post, Blogger automatically generates the URL without that extra "/". If visitors click those links, pagination won't work.
Meanwhile, on my sidebar, I have manually coded the URL of each labels with "/". Extremely time consuming, but if visitors click those sidebar links, pagination works.
Anyway, thanks again for the script.
OMG! Thank you, thank you and thank you! I am looking for this for some days, but all I found applies only to new Blogger and not to the classic Blogger. Thank you again!
Me, again! The error is not in your code, is in the google friend code and IE ¬¬ Sorry... And thanks again!
It is useful to try everything in practise anyway and I like that here it's always possible to find something new. :)
Post a Comment# posted by : February 21, 2010 at 3:51 PM
: February 21, 2010 at 3:51 PMBack
