A navigation widget on a blog allows you to move through different pages on the blog.
This way, you can access more content on the site that has been pushed to pages 2,3,4,5,6 etc. due to frequent updates made on the site.
Why is the Navigation blogger widget necessary?
I'll tell you.
The more your site's content gets pushed farther into archives, then there's a need to make these archived posts still accessible.
This is made possible using a Navigation widget which serves the same purpose as a Related post and Popular post widgets.
The purpose which is to interlink pages of your blog to a particular page.
If users are able to access more content on your site, it means that your pageviews will be increased as well as income made.
This also means a decrease in bounce rate if more users are not leaving from your landing page, but navigating through your site to get related content.
Why Use the Numbered Page Navigation Widget In Blogger
With the default page navigation in blogger, one cannot jump to a specific page without going through tags like 'newer post' and 'older post'
Since there is no numbering of pages, it makes it hard to know the exact number of pages on the blog as well as skip to any page you want.
For instance moving from page 1 to page 5 without going through pages 2, 3, 4.
On the other hand,
These are possible with the Numbered page navigation widget for Blogger.
I'll say it's one of the best blogger widgets because including it in your blog will provide a better navigation for your readers, where they can skip multiple pages and return to them.
Also, you can use it to add an extra design to your blog.
Follow the steps below to add the numbered page navigation widget on your blog.
Square Popular Posts Blogger Widget with Rotating Effect
Sliding Recent Post Widget For Blogger
How to Add Numbered Page Navigation In Blogger
There are two methods listed in this post on how to add the Numbered page navigation widget In Blogger widget to your blogger blog.
This widget has been made available in different colors, so as to make one closest to your blog's color available.
You can use any of the methods specified below to add the one that meets your eye and is suitable for your blog.
- From your blogger dashboard,
- Goto 'Layout'.
- Click on 'Add a gadget'.
- Copy the code below and paste into the text field. (Don't name the gadget)
- Save the gadget.
- Move the gadget you just created below 'Blog posts'. (Refer to image below)
- Click on 'save arrangement'.
The numbered page navigation has been added to your blog.
Below are other styles of the page navigation widget that you might fancy (If you used this method in adding the widget to your blog, Ensure you remove/delete the code above in your blog's layout if you'll rather use any of the ones below).
- Goto your blogger template
- Click on 'Edit Html'.
- Use Ctrl+F keys,Search for this tag ]]></b:skin>
- Copy the codes for any of your preferred styles below.
- Paste it 'above' ]]></b:skin>
- After adding the code to your preferred style, search for </body> inside your template.
- Copy the code below and paste 'above' </body>
Next, we'll enable the page navigation widget in Label pages. To do this,
- Search for expr:href='data:label.url' in your template.
- Replace it with expr:href='data:label.url + "?&max-results=7"'
- Save your template.
Follow the steps below if you'll like to customize the blogger widget you just added to your blog.
How to Customize Page Navigation Widget In Blogger
These steps above will help you add the Numbered page navigation widget In Blogger as well as make your blog look a bit different from the Navigation in the default blogger templates like Emporio and Soho.
Also Read: jQuery Background Slideshow Plugin For Blogger
Recommended Post Slide Out Widget For Blogger
Add Different Background Image In Specific Blogger Page