feed me
Sunday, May 2, 2010

Usually the blogger template only provides the "Older Posts" or "Newer Posts" link to let the reader navigate, and browse to another page on the site, archives, categories and page labels. Unlike a blog like wordpress that supports plugins to customize the page navigation links to the page number list to make it user friendly.

However, it is still possible to modify and replace the typical classical "Posts Older" and "Newer Posts" navigation links on Blogger blogs to navigation numbered pages. You can see the demo here, the navigation links consist of page numbers, next page and previous page (if applicable) is the display on Blogger blogs are not "older Items" and "Newer Items" link text.

To change your link navigation to page number on your Blogspot blog
simply add the script below before ]]></b:skin> :

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd;
}

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666;
text-decoration: none;
}
Second, you need to replace </body> with :
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=4;
var numshowpage=5;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>
<script src='http://all-in-one-blogger-widget.googlecode.com/files/pagenaviv202-min.js' type='text/javascript'></script>

</body>

Source : Abu Farhan

13 comments:

  • Its not working for me. thanks anyway

    [url]http://pcmediks.blogspot.com[/url]

  • its not working for me tooo..... :((

  • with me to, why?
    http://indonesia-bola.blogspot.com/

  • Very nice article. since long time i have been searching that thing only you have fulfill my demand thank you.

  • Thanks a lot buddy !! recently I have started blogging so I don't know more about it like,how to add page numbers in a blog.. So, this blog will be a learning resource for me ...

  • I am looking new blogs for new scripts tips and hints and services I Saw This comment on this blog . it's very helpful me.

  • Recently I have also created my SEO blog and use blogger for this. In the blogger template i could not get the source of giving page numbers.. There was only the option of older post and new post. So, i m confused how can i do it. Thanks to this post.. being very helpful for me..

    ___________

  • page number is not show in level

  • my blog url http://freecall24.blogspot.com

  • but it really compensated for my time. I will post a link to this page on my blog.

  • Nice post I am a resume writer and provides specific advice, tips and blog articles featuring our exclusive professional resume writer and many more.
    resume writing

  • Nice Post Savings head quarters provides online Coupons, promo codes, shopping coupon, free coupons and deals on over 2,000 stores.
    Coupons codes

  • Great post LED Lighting Shop LLC in Independence, MO offers LED Light, out door lighting, commercial lighting and Fixtures as well as LED Parking Lot Lights.
    out door lighting

  • Post a Comment