This tutorial is about adding a stylish page navigation feature on blogger. It's quite simple to add page navigation for blogger, just follow the easy steps below.
Adding Stylish Page Navigation
1. Go to your blogger Dashboard >> Design >> Edit HTML.
2. Find the code below
'data:label.url'
and replace the code in step 2 with the code below
'data:label.url + "?&max-results=6"'
Note: If you found more than one code in step 2, you may replace all codes found so it should limit contents in search navigation, archives, and labels. The number 6 shows limitation of how many contents per page will show, then you may change it to your liking.
3. Now this next step is adding the codes for the style of your stylish page navigation. You can found the code below corresponding with the style of navigation page.
Find the code below
</body>and just above the code in step 3, paste the codes of your selected stylish page navigator.
Graylite Stylish Page Navigator
BlackMamba Stylish Page Navigator
DarkBlue Stylish Page Navigator
SweetOrange Stylish Page Navigator
GreenRuby Stylish Page Navigator
Configuration: In the downloaded codes you have to change numerical values the same as the maximum post you want to show on every page. See the codes below.
in the code, the numerical value 6 is the same as the max results you can see in the code in step 2.<script type='text/javascript'>
var pageCount=6;
var displayPageNum=6;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
Your done! Check out your new page navigator now.
0 comments:
Post a Comment