Blogger/BlogSpot Pagination (Page Navigation) Made Easy

Pagination In Blogger/BlogSpot Blogs:


LIVE DEMO (see page bottom)

Read this tutorial to add Pagination to any BlogSpot / Blogger based blog with just two steps. The pagination numbers are completely customizable.

Instructions to follow:

STEP #1:

Log in to Blogger, go to Layout -> Edit HTML

Find this code:
</body>

And paste this code immediately ABOVE/BEFORE it:
<!--PAGINATION-STARTS-->
<script type='text/javascript'>
var pageCount=10;
var displayPageNum=3;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination1.js' type='text/javascript'/>
<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination2.js' type='text/javascript'/>
<!--PAGINATION-STOPS-->

var pageCount=10; is the number of posts to be displayed on each page. [For ex. in a simple Google search on each page you are shown 10 search results] - change the number "10" to any number you want.

var displayPageNum=3; is the number of buttons to be shown (on each side) along with the page number currently seleted.
For eg. If a reader is on page 6, then in the pagination, page numbers will be displayed like this:

Prev 3 4 5 6 7 8 9 Next

i.e. 3 page numbers on each side of number 6.

STEP #2
Now we'll do the styling of these pagination numbers...
By default, this code will give a purple look to the numbers.

Find this code in the template:
</head>

And immediately ABOVE/BEFORE it, paste this code:
<!--PAGINATION-STARTS-->
<link href='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination2.css' rel='stylesheet' type='text/css'/>
<style type='text/css'>
.showpage a:hover {
color: #FFFFFF;
background-color: #92416C;
}
// STYLE CODE FOR SELECTED PAGE STARTS
.showpagePoint {
color: #FFFFFF;
background: #92416C;
border: 1px solid #92416C;
}
// STYLE CODE FOR NUMBER BUTTONS STARTS
.showpageNum a:link,.showpage a:link {
color: #000000 !important;
background-color: #92416C;
border: 1px solid #92416C;
}
// HOVER CODE for NUMBER BUTTONS
.showpageNum a:hover {
color: #FFFFFF !important;
background: #92416C !important;
border: 1px solid #92416C;
}
// STYLE CODE FOR "PREV and NEXT" BUTTONS STARTS
.showpageArea a {
border: 1px solid #92416C;
}
// HOVER CODE for NEXT-PREV BUTTONS
.showpageArea a:hover {
border: 1px solid #92416C;
color: #FFFFFF !important;
background: #92416C !important;
}
</style>
<!--PAGINATION-STOPS-http://bloggerstop.net-->

In the code above, everywhere #92416C refers to purple color.
Replace it with the color codes you want [view color-combinations and get HTML hex-color codes from this page].
Try different colors for borders, backgrounds, hover effects, and the numbers text too, according to the instructions I have highlighted in RED/BLUE colors.

Some Popular Blogger-Pagination Examples...


NOTE: If you create something unique and it can be modified more to suit other tempates, then do comment on this page and show your work. Your blog will be featured in this post.

Save the template.

STEP #3

Download and save the files used in this tutorial as a backup on your PC [Download Link]


Credits: Pagination for Blogger was originally created by Mohamed Rias from TechieBlogger. Then most of the limitations in the code were removed and the code was optimized by Abu-Farhan from Abu Farhan. He has designed six more beautiful navigation styles.

ProBlogger - Inspiring Others Realize Their Dreams!

Share this

Related Products

Related Posts

Previous
Next Post »

160 comments

Write comments
January 11, 2010 10:24 PM delete

Hello Divya,

I am getting XML error message after following Step 2

Reply
avatar
January 11, 2010 11:17 PM delete

Hmmm this is cool. I have used before.

Reply
avatar
January 12, 2010 12:44 AM delete

I'm also getting the same error... It says...


XML error message: The entity name must immediately follow the '&' in the entity reference.

Reply
avatar
January 12, 2010 4:47 AM delete

Oops sorry, there's a mistake in the last blue line, replace "PREV & NEXT" with this "PREV and NEXT"
I'll update the post in a few minutes.

Reply
avatar
January 12, 2010 4:51 AM delete

Thanks for reporting the error guys, I have corrected and updated the post. It'll start working now.

Reply
avatar
January 12, 2010 11:35 AM delete

Thanks , it is of a greta use.
regards
Indian-Share-Tips.Com

Reply
avatar
January 12, 2010 7:40 PM delete

thanks it worked out prefectly for my blog. just one issue. when i go to the next button it lists the posts with their titles. it doesnt show like the actual post itself. here is a link to my blog if you can help.


http://www.guidegoods.blogspot.com

Reply
avatar
January 13, 2010 6:20 AM delete

Welcome guys,

@Kytro
You are using a Blogger-SEO hack "Show only titles in Blogger archive pages" which is required to prevent content duplication in Blogger blogs (although not really necessary). If you want to show complete/truncated posts instead of only titles, then read & remove that hack from your blog.

Reply
avatar
January 13, 2010 6:12 PM delete

@divya sai i deleted the code and it still has the same issue

Reply
avatar
January 14, 2010 1:24 AM delete

Well Kytro, thats' the only code which has to be removed in my knowledge. Actually it shouldn't be deleted completely, simply you have to undo the steps. According to my tutorial, now you have to replace the code in BLACK with code in RED.

Reply
avatar
January 14, 2010 4:02 PM delete

can you please help i undid the hack but its still there

Reply
avatar
January 15, 2010 7:14 AM delete

@Kytro,

Are you using the auto-read more hack in your blog? Not sure but that's a possible reason too.

Reply
avatar
January 15, 2010 8:06 AM delete

im sorry i have never used that hack. if im stuck with this how can i make mine like yours where there are spaces between the titles not them being bunched up

Reply
avatar
January 15, 2010 8:13 AM delete

Well that is possible Kytro. Follow that tutorial and in that code there are two <br/> tags, that will leave some space between the titles. You can remove/add one more br/ tag if you want.

Reply
avatar
January 17, 2010 5:11 PM delete

Amazing! It works... Damn... thanks man! :D

Reply
avatar
January 20, 2010 11:31 PM delete

One question Diviya, do you know what's the exact code for the one in the image ?

It's looking really cool, and had to made some modifications to Orange Template's one 'cause I got really confused..

Anyways, have the code ?

Please answer ASAP

Reply
avatar
January 21, 2010 8:08 AM delete

Hi Daniel,

If you simple copy-paste the above code (with #92416C) then you'll get the pagination exactly as shown in the above image.

I have changed the code in hot-orange template to match the overall look of the blog.

Reply
avatar
January 29, 2010 3:58 PM delete

Hi, my name muhafiz

Unfortunately, my blog did not work.

I give my password to my blog template for you this numbering will set up an appropriate color are you?

mail me if you do you say let's communicate.
If you need help very very glad I got it.

Thank you dear bro ...

blogmuhafiz@hotmail.com

Reply
avatar
January 29, 2010 4:04 PM delete

Blue Style (Download CSS)

« Previous1234567...199200Next »

that this full alert ...thank you

Reply
avatar
February 01, 2010 1:11 PM delete

Hi Sai,
for me unfortunately does not work.:( And it so is pleasant to me.

Reply
avatar
February 01, 2010 1:28 PM delete

Code not found in your blog, Anna (If I spell your name write).

Reply
avatar
February 01, 2010 1:37 PM delete

I have removed a code, because it did not work. Now it again I shall bring. :)

Reply
avatar
February 01, 2010 1:43 PM delete

P.S. Yes, my name is Anna.:) A code has already brought.

Reply
avatar
February 01, 2010 1:50 PM delete

It is working in your blog, Anna.
Here's the screenshot: Pagination Screenshot

Reply
avatar
February 05, 2010 4:31 PM delete

I'd like to use one of the other pagination samples but don't know how. Can you help me. Thanks Esther

Reply
avatar
February 07, 2010 10:31 AM delete

Hey there,
let me know the one you like to have in your blog, I'll send you the code.

Reply
avatar
February 08, 2010 1:36 PM delete

hello.
love the site. using a customized template, and attempting to add this feature. it saved, which means there were no errors, but the feature isn't appearing. perhaps there's a conflict with my layout...?

my blog is coloredboy.net

Reply
avatar
February 08, 2010 2:16 PM delete

Hey Chris,

Actually there's a problem in that funkyzine template you are using. Pagination hack replaces the buttons "prev" and "next" with those numbers, but the problem in that template is that the button prev and next are missing, so there's nothing to replace and so no page-numbers !

Reply
avatar
February 17, 2010 6:38 PM delete

Hi Divya,

I tried this hack and got the pagination working, except I'd like to fix two things, and don't know how:
1. I'd like to change prev and next to Spanish if possible, and the color of the text from black to a #666666 grey which I think would blend better with my blog. Also is there a way to change the font?

2. I set up my blog so 3 posts would show up on the main page, and before installing the pagination hack, every time I hit next, it would show 3 posts per page (which is the way I like it). But now the pagination says I only have 2 pages, the first with 3 posts, and the rest with all the others. Is there a way to make it show just 3 posts per page on all the pages?

Hope you can help... thanks for all your great tutorials :)

Kind regards,

Louma / http://www.amormaternal.com/

Reply
avatar
February 18, 2010 11:28 AM delete

Hey Louma,

first I'll answer your second query, to display 3 posts on each page, in the STEP #1, you have to change this code:
var pageCount=10;
to this:
var pageCount=3;

And now your first query:
yes, you can use words in Spanish, just replace these words Previous and Next in the code of STEP #1:

var upPageWord ='Previous';
var downPageWord ='Next';


and to change the color of text, edit this:

color: #000000 !important;

make it:

color: #666666 !important;

Reply
avatar
February 19, 2010 8:21 PM delete

Hey Divya!

Thank you so much for dropping by, and responding so fast... I've fixed the language of prev and next, but have not found where to change "pages" to "páginas". I've also messed around with the colors a bit, but haven't been able to get it to change from black to grey... :(

Any other ideas?

Thanks anyway ;)

Louma

Reply
avatar
February 19, 2010 11:41 PM delete

tq very much for guide....

it function.....only border around the number can't me it happen...
u can see it here....
http://examanswer.blogspot.com/

Reply
avatar
February 20, 2010 11:42 AM delete

@Louma,

you have to edit the word "pages" in the file:
http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination1.js

(it will be present at two places, edit at both the places)
then upload it to either mydatanest.com or sigmirror.com (recommended) and change the link in the code above.

@Louma and Nikk

Actually some changes are bing made at Blogger (LINK_HERE), due to which some bloggers couldn't see the newer-older page links in their blogs, may be the customization problems are related to it (missing borders etc.)

Reply
avatar
February 20, 2010 9:38 PM delete

huwahuwa

so i don't have chance to see the color for the border?

Reply
avatar
February 21, 2010 12:28 AM delete

@nikk,

Actually it shouldn't cause a conflict with border color, let's c....try this in the code:

wherever you see this line in the code above:

border: 1px solid #92416C;

add "!important" to it, like this:

border: 1px solid #92416C !miportant;

Reply
avatar
Anonymous
February 23, 2010 1:32 AM delete

gonna try this out..

Reply
avatar
February 23, 2010 1:40 AM delete

not working..?
i think may be conflict with my present theme..!

Please check it out http://iboxpala.blogspot.com/

Reply
avatar
February 23, 2010 2:15 AM delete

Please someone help me to do this pagination..
I am trying to do this for several days!!
Here i uploaded my blog template in rapidshare

Download Template:
http://rapidshare.com/files/354559044/template-7657603179035351904.xml.html

My blog..
http://iboxpala.blogspot.com/

Reply
avatar
February 23, 2010 2:19 AM delete

diyva.........
are you there.. please help me out.. ;;)

Reply
avatar
February 23, 2010 8:15 AM delete

hmmm
finally i managed to show this navigator on bottom of my page.. but still buggy..
i had total of 12 posts and navigation shows 2 pages.. okay..
but when i click on the second page nothing is showing up.. duh! =))
http://iboxtestpage.blogspot.com/ (this is only a test blog)

Reply
avatar
February 24, 2010 2:44 AM delete

hi divya this pagination is nt working on my template? pls tell wat shuld i do? i had use it this on my preivous template buts its nt working on my current template pls help me

Reply
avatar
February 24, 2010 7:37 AM delete

@Vicky,

There's either some mistake in your template, or it is due to the updates being done at Blogger.com
Even without this pagination hack, the older and newer page links are not visible in your blog, so thi s hack has nothing to replace in your blog.
If the older-newer page links are not visible due to the updates being done at Blogger.com then wait for some days and when you get your links back, then the pagination will appear. And if it is the mistake of the template, then you have to change the complete template.

Reply
avatar
February 26, 2010 12:13 PM delete

Hi
Thanks for this codes about numbering pages.. it really helps alot although i have certain progress to fix, maybe next time i'll ask question cause for now i'm busy working in my job..

Here's my blog to weakness the development..

http://solomode.blogspot.com/

Just click on the recent/older post (tab menu)... to navigate you to the numbering....
Thanks and more power

Reply
avatar
March 01, 2010 5:48 PM delete

Your tips and tricks are great.Thank you very much Divya. I am a follower now.

Reply
avatar
March 13, 2010 9:55 PM delete This comment has been removed by a blog administrator.
avatar
March 14, 2010 4:57 PM delete

this is the ONLY script that has worked on my blog, you are very intelligent, the others caused errors on my template, thanks a million.

Reply
avatar
March 15, 2010 8:59 AM delete

Thanks for the appreciation William, I'm glad it made your work easy :)

Reply
avatar
March 21, 2010 2:37 PM delete

why does it only work for 500 posts. i have over 6800 posts. is their any way to get it to work for all my posts

Reply
avatar
March 23, 2010 5:30 AM delete

not working for my blog
http://vishtech2.blogspot.com

Reply
avatar
March 23, 2010 10:57 AM delete

This is great stuff. Only one question, though: Can this be done for a post with more than 200 comments?

I have a page I designed for my wife @ http://gags4myhag.blogspot.com/ and I've hit this bump in the road. My randomizer needs links from displayed comments, but they all go away when the grand total is 200 or more.

This page (http://darkufo.blogspot.com/2007/11/blogger-now-supports-openids-for.html) has figured it out wonderfully. And while I would love to know how they added a "like" button to each comment and how they were able to reorder the newest and most popular comments to the top, I am just dying to figure out how they paginated the comment section. This would be wonderful bcuz I'd truly like to keep this tradition of ours alive. I love her.

This page tried to explain it, but not so well: http://www.benyhirmansyah.com/display-next-coments-for-more-than-200-comments/

I'm also up for any other maneuvers you might be able to suggest or some more savvy ideas, if I'm able to avoid all of this. I have used your posts for design assistance before, and I am wondering if you have a donations location. Thank you for all your great work.

-Elmer

Reply
avatar
March 23, 2010 11:06 AM delete

Yes that's possible in Blogger, Elmer.
Instead of using the default Bloggers comment form you have to switch to either disqus or intense-debate, tutorial and review in detial is here:
http://bloggerstop.net/2009/07/add-intensedebate-disqus-and-js-kit-to.html

Hope it helps.

Regards
Sai

Reply
avatar
March 23, 2010 11:12 AM delete

@it 's yuu'r

That is because, your template is a custom designed template and the code for newer-older page/post navigation has been removed. This pagination hack replaces that old code to show new buttons/numbers but now when there's no code to replace, then neither the newer-older buttons nor the numbers will be displayed.

Reply
avatar
Elmer
March 23, 2010 12:26 PM delete

Thank you, sir. Implementing it now.

Reply
avatar
March 23, 2010 9:34 PM delete

U skipped my ?
why does it only work for 500 posts. i have over 6800 posts. is their any way to get it to work for all my posts

Reply
avatar
April 02, 2010 10:03 PM delete

Awesome post, thanks for the help!

http://journal.lisidesign.com/

Reply
avatar
April 08, 2010 5:17 PM delete

I am new to blogging and have been very stressed trying to get it all together and working like I want it to. You are the first that hasn't stressed me out and had something that actually worked out for the first time for me! So, thank you so very much! Have a great night and take care!

http://pumpkinbuttkittyfantasticfinds.blogspot.com

Reply
avatar
April 13, 2010 1:28 AM delete

Sai Ram Divya,

For me this pagination is not working :( Kindly help...

Reply
avatar
April 13, 2010 12:15 PM delete

Hello...Hetal Di
In which of your blogs are you trying it?

Reply
avatar
April 16, 2010 12:15 AM delete

Sai Ram Divya,

I have tried on http://www.shirdisaibabastories.org/.

Thanks...

Reply
avatar
April 16, 2010 6:42 PM delete

First my english is not very well..sorry...

İt s not work :(

Am I change blue and red codes in STEP 2 ? :(

I'm using HARBOR template ...

Reply
avatar
April 17, 2010 7:06 AM delete

thanx alot for such a useful post : )


http://www.myfunmails.com

Reply
avatar
April 17, 2010 11:18 AM delete

great tutorial thanks i fixed mine as well guys u can visit on my site for nulled script themes and more
http://freewebdesigndepot.blogspot.com/

Reply
avatar
April 17, 2010 11:58 AM delete

@ GÖK-TÜRK
No you don't have to change/edit any code in this tutorial (except the numbers "10" and "3" in step #1 and that is also not necessary). Simply copy-paste all the code, and it should start working in your blog.
In which of your blog, are you trying this hack?

Reply
avatar
April 17, 2010 1:14 PM delete

İt s not work again :(

My blog adress is : http://hzzammakam.blogspot.com
and my template is HARBOR ...
Thanks...

Reply
avatar
April 17, 2010 2:31 PM delete

Keep the coding as it is in your blog, so that I can check it myself. And if it doesn't work, then send me your template from the contact page.

Reply
avatar
April 24, 2010 10:56 PM delete

Great code, thanks for the share. Works great on my template (using Minimalist by default). Can't wait to customize more of my blog using your techniques.

Reply
avatar
April 25, 2010 1:02 AM delete

Glad to know that Melbus, I would be happy to see the new look of your blog.

Reply
avatar
April 29, 2010 2:39 PM delete

thanks you very much, I Love your blog !

Reply
avatar
May 02, 2010 1:18 AM delete

Hi Divya.

This is Aditya from Noida.

Yar i really like your tutorials and have customised my blog using them. But i am stuck with the page navigation. I want to use the other styles from your posts- Black-Red Style

The link for it is- http://mis-algoritmos.com/wp-content/uploads/pagstyle.php?q=black-red

BUT IAM UNABLE TO MALE IT WORK. PLEASE HELP ME OUT BUDDY.

- http://www.downloadsnhacks.net/

Reply
avatar
May 02, 2010 4:12 AM delete

Hi Divya..Aditya again..

Dude i hv nthr issue..ur pagination method is only showing 34 pages with 6 posts per pages..even when i selected 15 posts per pages..

:(

It means only around 200 posts are being listed...but dude i have more than 1500 posts on my blog..please helk me out with this..

Reply
avatar
May 04, 2010 8:53 AM delete

Thanks! Worked with me.

Reply
avatar
May 21, 2010 9:42 AM delete

It works just fine on my blog. But only shows 100 pages. There's any chance to change that limit?
Thanx in advance :)

Reply
avatar
May 21, 2010 9:47 AM delete

@Austin,

Total no. of pages changes when you increase or decreasse the number in this line of code:

var pageCount=10;

Hope that helps.

Regards
Sai

Reply
avatar
June 13, 2010 9:13 PM delete

It´s perfect.

tanks, tanks, gracias!!!

Reply
avatar
June 14, 2010 10:25 AM delete

I´m testing at a Magazine theme 'Clean' (http://www.bietemplates.com/). I try two times, but don´t see anything. Can you help me please? ~x(

Reply
avatar
June 14, 2010 10:39 AM delete

Sorry, the name correct of the template is White Clean Magazine....

Reply
avatar
June 18, 2010 8:06 PM delete

FRENCH:

Magnifico !! superbe !!

Tks !

http://jabamiah-antinouvelordremondial.blogspot.com/

Reply
avatar
June 19, 2010 6:50 PM delete

not working for me either :/

Reply
avatar
June 27, 2010 12:34 PM delete

i have completed step 1 as well as 2..but it didnt work I cant see any pagination in my blog..plz do help!

Reply
avatar
June 27, 2010 12:47 PM delete

I could see pagination in your software blog (bt a different code of course)....in which blog are you trying this now?

Reply
avatar
July 03, 2010 7:59 PM delete

i have ten post and i want just to show 5 post how can i do it

Reply
avatar
July 26, 2010 8:59 AM delete

Thanks for this; it's the only version of pagination I've been able to get working, and it works great on the home page... but doesn't seem to work at all on label, archive or Blogger search pages. Can you think of any reason why?

http://philenotfound.blogspot.com

Reply
avatar
August 01, 2010 12:42 AM delete

this only paginates on the main page. what about when someone clicks on our labels?

Reply
avatar
August 01, 2010 11:57 AM delete

just an update... it's working on my Labels pages now. i don't know why it decided it was going to work on there today and it didn't last night. i don't think i changed anything. oh, well, i'm just glad it's working fully now.

:)

thanks! yours is the only hack i tried that worked for me on my template!

Reply
avatar
August 01, 2010 12:57 PM delete

Well Lesa, to be frank, although this code should display the pagination buttons in the label pages too, but it doesn't show up on my blog (BloggerStop) too.
I am more than happy for you that it has started working in your blog (you are referring to freek12edu?)

For those bloggers, who are still unable to get the pagination on their label/archive pages, I will recommend Abu-Farhans newer pagination script.

Reply
avatar
August 01, 2010 1:11 PM delete

well, maybe your code is working in conjunction with the widget code that's available.

maybe i'll figure out how/why it's working as i hack different blogs that i have.

i'm just happy it's working. :D

Reply
avatar
August 01, 2010 1:28 PM delete

Me too happy for you & thanks for responding back. I will be waiting for your next update :)

Reply
avatar
Ed
August 28, 2010 7:51 AM delete

awesome. this was the only pagination that worked on my blog :D

http://irts.blogspot.com

Reply
avatar
September 10, 2010 10:32 PM delete

Hi brother...not work in my blog.
Hope ur help...thanks!




http://about-all-about.com

Reply
avatar
DJ
September 27, 2010 1:49 PM delete

It worked and a few minutes later stopped working.. weird

ByteSource.blogspot.com

Reply
avatar
DJ
September 27, 2010 1:54 PM delete

http://www.blogger-help.com/2010/03/numbered-page-navigation-hack-gor.html

this one worked

Reply
avatar
September 27, 2010 1:57 PM delete

Buddy i can see the numbers on your blog, it's working fine.
BTW you have a nice blog, the posts are really good (i mean useful), but to make them more informative, to attract more traffic from search engines, you need to put more content into your posts....keep up the work...

Reply
avatar
September 27, 2010 1:59 PM delete

Your previous code was working too (the code from this blog), anyway glad you are happy with it...

Reply
avatar
October 13, 2010 5:57 AM delete

Oppsss! I didn't know why this not working in my blog..

Reply
avatar
ndy
October 28, 2010 8:14 AM delete

amazing post,,,i try n success,,,,

thanks for you post....

Reply
avatar
ALIRZ
November 01, 2010 6:18 PM delete

didnt work on mine, any issues?
btw thx 4 sharin' ;)

http://ddliran.blogspot.com/

Reply
avatar
ALIRZ
November 01, 2010 6:21 PM delete

oki srry some codes was missing found it, fixed. thx worked :p

Reply
avatar
November 13, 2010 7:30 PM delete

Thank you it works for me, though I have a NEW blog and only about 11 post, but so far so good.

Reply
avatar
November 21, 2010 9:41 PM delete

It won't work for me! It just gets rid of everything after the PAGINATION code (which is my footer).

http://yourpassionfruit.blogspot.com/

Know anything that can help?

Thanks!

Reply
avatar
November 23, 2010 10:24 AM delete

i am using readmore hack. how could use this trick even the readmore trick is there...


my blog is:

http://ideas4hacking.blogspot.com

Reply
avatar
November 23, 2010 11:11 AM delete

even i remove readmore code. it still doesn't work for me

Reply
avatar
January 02, 2011 9:49 AM delete

1 shot i follow yr instruction! Done! TQ!

Reply
avatar
January 19, 2011 9:44 AM delete

HEy i install this page navigation in my blog
http://www.aashuzone.blogspot.com

i have more than 1000 post but it shows limited posts only

now i have maxsearchresult 5 and it show only 101 or 100 pages only…………..

there is any solution

Reply
avatar
.
January 31, 2011 7:14 PM delete

why does the page number appear slow?

thanks in advance

http://kamarms.blogspot.com/

Reply
avatar
February 11, 2011 3:23 PM delete

any way to remove 500 post limitation ??
http://filimia.blogspot.com/

Reply
avatar
February 20, 2011 8:48 AM delete

thanks for sharing..
its working on my blog
http://freemobilegameshere.blogspot.com/

Reply
avatar
February 27, 2011 3:42 AM delete

My blog have 1300 posts and its not showing them all

Reply
avatar
March 25, 2011 12:03 AM delete

hey Bro ...

In my template Neither the newer-older page links Nor the Pagination is Showing up ... :-/

H4King Portal - http://hack-krishna.blogspot.com

n Haa u Can call me hk :)

Reply
avatar
April 04, 2011 2:53 PM delete

I tried a million times but iam not able to make it work properly.the Pages are shwing up but when i click 2nd r 3rd page there are no posts in them.

Will you help to integrate this Code correctly in my template.i can uplad my template for yu if you are ready to help me ..do mail me vinay24k@gmail.com

Thanks in advance :)
vinay24k

Reply
avatar
May 09, 2011 9:24 AM delete

It work fine in my blog

http://nepalrupak.blogspot.com

but what the problem is that it is not working when it is showing only one post

Reply
avatar
May 10, 2011 2:56 AM delete

how can i increase the size of boxes and fonts??

Reply
avatar
May 17, 2011 2:17 AM delete

Hello, I have tried to put what you say exactly, but nothing appears in my blog... but there's no error either... Just my blog looks like before... and I would be very happy if it can works ! Can you help me please ? (and sorry if my english is too bad, I'm french girl :) ! )

Reply
avatar
July 15, 2011 8:45 PM delete

Good thing you are all sharing your thoughts with others. I hope I can find more sites like this.

Reply
avatar
August 07, 2011 3:31 AM delete

Works gr8! Thanks a lot and keep up the good works!

Reply
avatar
August 11, 2011 4:38 AM delete

Simple steps to use displaytag for pagination. Display tag is a high level opensource suite which is used for paginating a page. You can paginate a content and display it.

Reply
avatar
August 25, 2011 3:41 AM delete

I have tried this one but it doesnt work for me. I guess its because of the theme/lay-out?i dont know, but i cant sacrifice changing my lay-out....

thanks anyway for this tutorial..

lzlpio90,
site: http://lzlpio90.hubpages.com
blog: http://mytravelanywhere.blogspot.com

Reply
avatar
September 01, 2011 3:02 AM delete

Thanks, its works!

But is it seo friendly?

Reply
avatar
September 01, 2011 3:34 AM delete

I can't customize the background color.

Reply
avatar
September 12, 2011 6:31 AM delete

WOW! This navigation bar works good. I happy! :)
Thanks fore share this!

Reply
avatar
September 29, 2011 3:51 PM delete

Thanks for code thank you my friend

Reply
avatar
October 02, 2011 12:15 AM delete

how to add navigation in labels also

Reply
avatar
October 21, 2011 6:57 AM delete

Hey, great post. It works perfectly for my blog also, just that I didn't understand how to put more space between the numbers...
If you could explain, it would be perfect! Thanx in advance!

http://danailie2004.blogspot.com/

Reply
avatar
MIR
October 28, 2011 4:31 AM delete

page number not show in level.


pls check my blog http://freecall24.blogspot.com

Reply
avatar
October 28, 2011 11:44 AM delete This comment has been removed by the author.
avatar
October 28, 2011 11:52 AM delete

thanks..... this tips is so cool and it is vary helpful for me. www.alighttips.blogspot.com

Reply
avatar
November 05, 2011 12:09 PM delete

Display tag is a high level opensource suite which is used for paginating a page. You can paginate a content and display it.

Reply
avatar
Anonymous
November 06, 2011 10:35 AM delete

not workin for me, so i tried in a different way using labels......check this out http://civilaviationindia.blogspot.com/

Reply
avatar
November 15, 2011 12:11 PM delete

wen i try to open in new tab it opens the same page as previous

Reply
avatar
November 16, 2011 1:38 PM delete

not working on my blog www.gamespanky.com

Reply
avatar
November 20, 2011 1:15 PM delete

Hey Divya sai,
Nice post. This was the one i was searching for long tym. I liked the Previews, etc. but it does not work for me!@! could you please assist me in this?
My mail id is taurusvignesh@gmail.com
It would be better if you mail me regarding this.
congrats !! keep posting this kinda articles~.

Reply
avatar
December 13, 2011 12:40 AM delete

working fine here :

http://getyourcookies.blogspot.com

you need 50/100 posts + for the script to work correctly!

Reply
avatar
December 23, 2011 6:51 AM delete

thanks a lot
i used in
http://carnbikewallpapers.blogspot.com/

Reply
avatar
-F.
December 27, 2011 7:37 AM delete

Hi,

I'm not sure if you're still maintaining this script, but could you take a look at this if you are?

I'm setting up a blog with a single post for each page. The script works beatifuly on the main pages of the blog (http://adoodledaily.blogspot.com/) but when I click to the individual post (http://adoodledaily.blogspot.com/2011/12/002-mobile-home.html) I just get the old "previous, home, next" links. Since I want the main and post pages to be as much alike as possible, I'd like to know if this can be fixed.

Reply
avatar
December 28, 2011 3:49 AM delete

hi dear i want to add pagination in pages could you help >???????????????? contact me please memonvicky007@gmail.com or mobilemillion.blogspot.com

Reply
avatar
January 21, 2012 1:41 AM delete

Thanks !!!!! it help me sooooo much, sir !! thank you. ;)
You can see running in my blog http://www.corelfordummy.blogspot.com , it's more easy now for my visitor to browse my blog.

Love it !

Reply
avatar
February 16, 2012 9:33 AM delete

thanks works fine in my blog.

http://tekitem.blogspot.com

Reply
avatar
March 01, 2012 2:05 AM delete

thanks sir ,
sir how i can creat number navigation of each lable heading
like good morning sms and good evening sms
exame sms.in all pages,s navigation numbering

Reply
avatar
March 24, 2012 1:23 AM delete

Thank you very much for your post.

Reply
avatar
March 24, 2012 1:30 AM delete

Good post, I was searching for the pagination from long time finally today I got the very good one.

Reply
avatar
Anonymous
March 26, 2012 12:01 AM delete

thank you! this works perfectly, and your instructions are very clear. keep up the good work :)

Reply
avatar
June 09, 2012 10:59 AM delete

Thanks for share..
very help me..

Reply
avatar
June 16, 2012 10:45 AM delete

Perfect! Thank you so much.. .

Reply
avatar
July 12, 2012 5:42 AM delete

I follow your instructions but it's not working for me. Can you plz help?

Reply
avatar
July 12, 2012 6:11 AM delete

Hey thank you so much, that was very helpful. Do you also teach how make that java scrip code you have in it.

src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination1.js' type='text/javascript'/>
<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination2.js' type='text/javascript'/

Reply
avatar
August 10, 2012 6:58 AM delete

hi
not work for mee (is hidden)
data:label.url + "?&max-results=5"
var pageCount=5;
please help me
my blog: http://admiratork.blogspot.com
mail: balanta7@gmail.com
thanks

Reply
avatar
August 17, 2012 1:15 PM delete

Thanks for this tutorial! It all works fine on my blog:
http://www.teacherspen.com/

Reply
avatar
February 01, 2013 3:52 AM delete

Java script codes
pagination1.js & pagination2.js
not work...

Could you update the codes please?

Reply
avatar
April 20, 2013 10:35 AM delete This comment has been removed by the author.
avatar

Comments are moderated on this blog

Allowed HTML tags: <b>, <i> and <a>

Comment Like This! and Optimize your blog EmoticonEmoticon