Blogger Tricks |
Numbered Page Nagivation hack for Blogger Posted: 28 Aug 2010 05:36 AM PDT This post explains how to add numbered page navigation widget to blogger (blogspot) blogs: What is Numbered Page Navigation ?In blogger, by default, you see Older posts, Newer Posts links near the bottom of the page which is useful to your blog visitors to navigate to other posts of your blog. But, the problem is.. people hardly notice those newer and older posts links.. which means.. less pageviews to your blog. So, to increase your blog pageviews you can use this cool looking, advanced numbered page navigation to your blog. So, how to add this to your Blogger blog ? (first backup your blog template before editing anything) 1. Sign into your Blogger account » Settings » Formatting Choose the number of posts you want to display on homepage 2. Go to Design » Edit html » tick the expand widget templates Scroll down to the bottom of the template code and find this
PASTE this code above that line
In that above code, Edit the part that I highlighted in red color according to Step 1. It determines the number of posts that to be displayed per page. (Make sure, the number you set is same like the one in Step 1) 3. Control + F and search for all the occurrences of this code
and replace it with this
Again, the number in the above line depends on the number you set in the STEP 1. 4. Now, the styling part.. I've made x styles.. you can choose the one you wish.. (i) Default Code
Copy the above code. Find this line and paste that code ABOVE IT.
Save the changes. I've made a few more navigation styles.. I'll post them in a few min.. look for it. Credits: Blogger Plugins |
You are subscribed to email updates from Blogger Tricks To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
Google Inc., 20 West Kinzie, Chicago IL USA 60610 |