January 11, 2010

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.

160 comments:

Ms Hetal Patil said...

Hello Divya,

I am getting XML error message after following Step 2

Anup said...

Hmmm this is cool. I have used before.

hunterforyou said...

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


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

अर्कजेश said...

same error , not working ..

Sai @ BloggerStop said...

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.

Divya Sai said...

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

Analyst said...

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

Kytro said...

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

ErwinSK said...

Nice and good BLOG!

Divya Sai said...

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.

Kytro said...

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

Divya Sai said...

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.

Kytro said...

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

Divya Sai said...

@Kytro,

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

Kytro said...

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

Divya Sai said...

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.

MetaMorph said...

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

Danoxs said...

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

Sai @ Blogger Widgets said...

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.

Fahad bin Khalid said...

:( not working

Divya Sai said...

Your blog address Fahad?

blogmuHAfiz said...

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

blogmuHAfiz said...

Blue Style (Download CSS)

« Previous1234567...199200Next »

that this full alert ...thank you

Анна said...

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

Divya Sai said...

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

Анна said...

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

Анна said...

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

Divya Sai said...

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

Анна said...

Thank you very much! :)

Shabby Cottage Collectibles said...

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

Divya Sai said...

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

chris.alexander said...

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

Divya Sai said...

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 !

Amor Maternal said...

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/

Divya Sai said...

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;

Amor Maternal said...

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

nikk said...

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/

Divya Sai said...

@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.)

nikk said...

huwahuwa

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

Sai @ Blogger Widgets said...

@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;

Anonymous said...

gonna try this out..

ibox said...

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

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

ibox said...

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/

ibox said...

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

ibox said...

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)

CooL VicKy said...

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

Divya Sai said...

@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.

Vice T. Vanish said...

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

Murat Egretli said...

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

Davic said...
This comment has been removed by a blog administrator.
william said...

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.

Sai - Blogger Widgets said...

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

Nekro said...

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

it 's yuu'r said...

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

Elmer said...

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

Sai - Blogger Widgets said...

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

Sai - Blogger Help said...

@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.

Elmer said...

Thank you, sir. Implementing it now.

Nekro said...

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

Luke said...

Awesome post, thanks for the help!

http://journal.lisidesign.com/

PumpkinButtKitty said...

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

Ms Hetal Patil said...

Sai Ram Divya,

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

Sai - Blogger Help said...

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

Ms Hetal Patil said...

Sai Ram Divya,

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

Thanks...

GÖK-TÜRK said...

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 ...

Muhammad Umer said...

thanx alot for such a useful post : )


http://www.myfunmails.com

webdesignresources said...

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/

Sai - Blogger Help said...

@ 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?

GÖK-TÜRK said...

İt s not work again :(

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

Sai - Blogger Widgets said...

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.

Melbus said...

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.

Sai - BloggerStop.Net said...

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

Queerish Web said...

thanks you very much, I Love your blog !

sai - BloggerStop.net said...

Glad to know that :)

boffin [ADi] said...

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/

boffin [ADi] said...

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..

IAnn said...

Thanks! Worked with me.

Austin said...

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

Sai - BloggerStop said...

@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

entertainment nepal said...

not working

CAVAHO said...

It´s perfect.

tanks, tanks, gracias!!!

Claudya said...

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(

Claudya said...

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

Akasia Maya said...

:)]

Jabamiah said...

FRENCH:

Magnifico !! superbe !!

Tks !

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

Zhixin said...

not working for me either :/

S@uR@Bh..ThE UlTiMaTe RoCkEr!! said...

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

Sai - Blogger Widgets said...

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

cristian said...

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

Nanoinfinity said...

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

Lesa McMahon said...

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

Lesa McMahon said...

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!

Divya Sai said...

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.

Lesa McMahon said...

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

Divya Sai said...

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

Ed said...

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

http://irts.blogspot.com

piooek said...

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




http://about-all-about.com

sanam patel said...

This is not working...!!!

DJ said...

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

ByteSource.blogspot.com

DJ said...

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

this one worked

Sai - Blogger Widgets said...

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...

Divya Sai said...

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

Ziaur said...

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

ndy said...

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

thanks for you post....

ALIRZ said...

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

http://ddliran.blogspot.com/

ALIRZ said...

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

Leggy Liz The Media Assassin said...

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

Waverly said...

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!

Blackstar said...

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


my blog is:

http://ideas4hacking.blogspot.com

Black Hacking Star said...

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

Excellent Excel said...

1 shot i follow yr instruction! Done! TQ!

aashuzone said...

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

. said...

why does the page number appear slow?

thanks in advance

http://kamarms.blogspot.com/

20blogg said...

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

this is me said...

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

love said...

My blog have 1300 posts and its not showing them all

hackrishna said...

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 :)

vinay said...

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

Rupak Nepali said...

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

Rahul (R.N.V.) said...

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

ARKENCIEL said...

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 :) ! )

RITESH PALIT'S WORLD said...

working cool and thanx..

Ecommerce said...

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

Madukp said...

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

Plumbing said...

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.

lzlpio90 said...

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

MyBadEnglish said...

Thanks, its works!

But is it seo friendly?

MyBadEnglish said...

I can't customize the background color.

Bangladeshi Models said...

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

MalikManan208 said...

Thanks for code thank you my friend

saqib said...

how to add navigation in labels also

Dana Ilie said...

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/

MIR said...

page number not show in level.


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

lightips said...
This comment has been removed by the author.
lightips said...

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

Coupon Codes said...

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

Anonymous said...

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

@addict@ said...

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

Games panky said...

not working on my blog www.gamespanky.com

Vignesh said...

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~.

daven said...

MINE TOO NOT WORKING

freec00kies said...

working fine here :

http://getyourcookies.blogspot.com

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

chandresh said...

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

-F. said...

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.

Mobile Millions said...

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

Corelito said...

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 !

Tekitem said...

thanks works fine in my blog.

http://tekitem.blogspot.com

M Saeed said...

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

suhasini konduru said...

Thank you very much for your post.

sunil said...

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

Anonymous said...

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

Rian Agung Hidayat said...

Thanks for share..
very help me..

justin said...

Perfect! Thank you so much.. .

sean said...

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

zach said...

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'/

AdmiratorK said...

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

Muhammad Uzair said...

its not working at all...

Robi Marapao said...

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

Johny Lucky said...

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

Could you update the codes please?

Oke-Reload said...
This comment has been removed by the author.
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

comment on this post Share Your Views

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

Join and share your views with other bloggers at BloggerStop Community

Comment Like This! and Optimize your blog...

SPAMMER OF THE MONTH: www[.]TopRankLinks[.]com

Next Post Homepage Previous Post

Regular Readers


What They Say...

Divya Sai is the ingenious webmaster of Bloggerstop.Net. Divya is extremely patient, knowledgeable and responsive... Bloggerstop.net has an abundance of articles on creating widgets, templates, hacks and ways to make your blog search engine friendly.
- Stacey @Pets With Allergies
I stumbled onto a great site. Sai, over at Bloggerstop.net has helped me tremendously and with great patience...for any and all questions regarding computer issues. And again, THANK YOU Sai.
- Cheryl @Cmash Loves To Read

More Here...

Popular Posts

Get this widget

| © 2010 BloggerStop.net | Blogger Widgets | Template by Dicas Blogger | Enhanced By Divya Sai | Privacy Policy