Webfixers-Classic Template: Pagenation: Previous / Next

Add to css code:

Add just above closing </HEAD> tag:

no: function() {
    return this.page? this.page : this.page =
      (pp = /\?(\d+)$/.exec(window.location.href)) != null? parseInt(pp[1]) : 1;
  },
  total: function() {
    if(e = arguments[0]) {
      this.posts.push(e);
      this.t = Math.ceil(this.posts.length/this.posts_per_page);
    }
    return this.t? this.t : 0;
  },
  prev_page: function() {
    return (pp = this.no()-1)? pp : null;
  },
  prev: function() { return this.goTo(this.prev_page()) },
  next_page: function() {
    return (pp = this.no()+1)<=this.total()? pp : null;
  },
  next: function() { return this.goTo(this.next_page()) },
  goTo: function(pp) {
    if(pp) window.location.href = '?'+pp;
    return false;
  },
  navigation: function() {
    document.write('<div id="page_navigation">'
    +(this.next_page()? '<a id="next" href="#" onclick="return page.next()">Older posts &raquo;</a>' : '')
    +(this.prev_page()? '<a id="prev" href="#" onclick="return page.prev()">&laquo; Newer posts</a>' : '')
    +'Page: ');
    for(var p=1; p<=page.total(); p++)
      if(p==page.no()) document.write('<strong>'+p+'</strong> ');
      else document.write('<a href="#" onclick="return page.goTo('+p+')">'+p+'</a> ');
    document.write('</div>');
  }
}
function p(id) {
  var e = document.getElementById('post-'+id);
  if(page.no() && page.no() != page.total(e))
    e.style.display = 'none';
}
</script>

Add to <BODY> tag:

see here

Add to <BODY> tag:

see here

Preview / save

Finished: see here

Credits:

Labels: pagenation

6 Comments:

E.vogue said...: what about new template? how to add previous and next button?; March 30, 2009 at 7:07 AM
webfixer said...: E.vogue

the new templates have this feature built in.
"previous and next button"

which template are you using?

unless you're talkin bout the pagenation

webfixer; April 3, 2009 at 11:56 PM
Mastura said...: Finally a solution!!!
BUT
I need help with this.
not really sure whether its in the right place.

Thanks webfixer!; June 13, 2009 at 3:24 PM
Keely Valentine said...: hi could you help me with this i have no clue how to add this even though i've tried!; March 15, 2010 at 8:07 PM
Anonymous said...: this is confusing. a little more detail would help.; January 7, 2012 at 5:16 AM
maw2214 said...: how to add this kind of template?

http://9-fail.blogspot.com/; July 15, 2012 at 9:58 PM

Webfixers-Classic Template

Sunday, March 15, 2009

Pagenation: Previous / Next

6 Comments:

Post a Comment

About Me

Previous Posts