Numbered Page Navigation For Blogger New Script
December 11th, 2009
Page navigation is need for all blogger because it can make navigation easy for your visitors. Previous script have some weakness :
- Maximum posts 500
- Have to read all JSON file if post so many make your blog slow
- Need long loop to calculate all posts (no body know this if they not read the script)
Now all those problems can be solved, Insya Allah. The script is different with My Previous Modification Nummbered Page Navigation for blogger, the script based on my own idea and for style I used from Mohamed Rias
To see the result open These demos:
- Demo for Minima
- Demo for Custom Template (Irressistible from Anshul)
- Demo for Classic from Choen Blog
Step 1 : Apply Style
- Login to Blogger Dashboard and navigate to Layout > Edit Html
- Don’t click the checkbox which says ‘Expand Widget Templates’
- Find this
]]></b:skin>
and replace it with
.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;
}
]]></b:skin>
Above style use Old Style You can use Six other style from this Posts
Six Styles Page Navigation for Blogger
Step 2 : Aplly Javascript
Find This :
</body>
Replace with :
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js' type='text/javascript'></script>
</body>
Change based on your blog setting :
var postperpage=7;
var numshowpage=4;
Postperpage : How many Post every Page for your blog
numshowpage : how Many number will show in Your page Navigation
Step 3 : Customize Label (if you already use my previous Page Navi don’t use this step)
Go to the Edit HTML page and “Expand Widget Templates”
Find this (all of this text in your xml or template)
'data:label.url'
and Replace with this
'data:label.url + "?&max-results=7"'
Change 7 base on how many post every page
only That, I hope it can work and make your blog easy to navigate, amiin
361 Responses to “Numbered Page Navigation For Blogger New Script”
Leave a Reply
PLEASE DONATE MY BLOG
Social Network
Paginas de salud…
[...]Numbered Page Navigation For Blogger New Script | Blogger Templates and Tricks by Abu Farhan[...]…
thanks tutorialnya, sekarang saya gunakan pada blog saya tanpa edit sedikitpun……..
Wow Working G8 in my site ty 4 this..:))
Australian Finance and Lending company Brokers ink finance. We offer the best interest rates in Australia. Honest service and quick approvals. If you’re in the market for finance or require a loan to purchase a vehicle, boat, bike, truck, yacht, jet ski or farm and equipment lending please give our friendly staff a call. 7am – 7pm – 7 days a week
Auto Loan
When i open page two…. numbered navigation does not show….. it disappers….
Some problem is with my theme…..please help me….
directly contact
http://www.facebook.com/FunTwixt
Jazakallah Khair Brother Farhan,
May Allah Guide us and bless us….
Abdul Rahim
Hi, I’m french, thank you for all precious scripts which allow me to boost my blog !
not working on my blog why,… please help me.
It worked. Thanks much!
That’s helpful, really. altough just max 500 post
thankz to share..
i will to try it..
kalispera exo ena provlima sto blog pataw pano stis etiketes kai polles fores vgeni i selida de vrethike mpori kapoios na me voithisi se ayto mail info@larisanew.gr sas eyxaristo!!
Thank you, I have recently been looking for information about this subject for ages and yours is the best I have found out till now. But, what concerning the conclusion? Are you certain about the supply?
thanks for the script..its make my blog looks smooth :)
[...] 11th, 2011 Page navigation for blogger is most important widget for blogger. This widget can make visitor easy to navigate to [...]
abu-farhan your web is really awsome for blogger
it make blog a web like feature
thanks for your contribution\
KEEP IT UP MAN!
Thanks Abu Farhan. Your widget helped me solve a broken page navigation problem caused by a free template i found online.
[...] hack has been given to us by Abu Farhan, not only has he taken the time to give us a hack, he has given us six different designs that we [...]
hay wonderful article i was looking for it
thanks kang abu
Hi Abu Farhan. Thanks, it really helped. But a question: Why do the page navigation only show up on first page? I want it to show on the labels section I created.(over there it shows previous post and newest post) Any idea, please?
you have to follow step 3
Hi, I’m unable to find ‘data:label.url’ in my blog even after expanding my template. What do I change in this case?
Anyone here who can help me out? :( :(
lego starwarstahiti rights chief Navi Pillay condemns “excessive use of force” by Egypt’s security forces, as protesters and riot police in Cairo agree a truce.
Salam..this info is very useful for a newbie like me…thank you so much!!!
Penthouse Frankfurtbest e-cig 2011irectories are a good way for webmasters to promote their websites. Article and Web Directory submission can build backlinks, increase exposure and traffic.
karya keren… blogger pengharum nama bangsa
bruuns bazaarPashmina Scarvesad earlier this week and resigned after meeting Pakistan’s top civilian leaders, the head of the army and intelligence service chiefs on Tuesday.
Numbered Page Navigation For Blogger New Script pos ini bagus mas aku sangat terkesan sekali,..
senang berkunjung kembali :D
3 questions:
1) How to put the gadget on top of messages.
2) How to display the gadget on top and bottom of the page.
3) Is it possible to put the code in a gadget, for example below the header, where the width is greater.