Adding Numbered Page Navigation Inward Blogger Alongside Labels Optimized For Navigation

Having a user-friendly Blogger Template is i of the most pregnant parts of a blog. Whenever, a visitor larn inwards on a website he didn't attention almost anything, but all he desire is highly professional person experience. As nosotros all know, Blogger Navigating organization sucks because it lacks a lot. It has iii buttons through which users navigate Older, in addition to Newer Posts. For that reason, nosotros receive got coded a delightful navigating organization which volition complement each in addition to everyone’s blog. It is numbered navigating system. If anyone is fed-up from his navigating organization thence today inwards this article, nosotros volition locomote sharing a technique through which anyone tin easily larn rid of his sometime navigating system, in addition to tin easily add together numbered page navigation.

How To Add Numbered Page Navigation inwards Blogger:

The steps are extremely straightforward hat it would soak 2 minutes to complete. simply follow the instructions equally mentioned below.

• Go to Blogger.com >> Template
• Then Edit HTML >> Proceed.
• Now Expand the Widget
• Then inside the topic search for ]]></b:skin> in addition to simply inwards a higher identify it glue the next CSS coding.

showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px enterprise #999;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  background: #ddd;
  }
.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
  border:1px enterprise #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 enterprise #999;
  background: #666;
  text-decoration: none;
  }

• Now i time again, inside the template search for </head> in addition to inwards a higher identify it glue the next JavaScript coding.

&lt;script type='text/javascript'&gt;

var home_page=&quot;/&quot;;

var urlactivepage=location.href;

var postperpage=7;

var numshowpage=4;

var upPageWord ='Prev';

var downPageWord ='Next';

&lt;/script&gt;

&lt;script src='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js' type='text/javascript'&gt;&lt;/script&gt;

• Save the template past times pressing Save Template button.

From the Editor's Desk:

Hope you lot guys receive got enjoyed the feast. What are your views almost this numbered page system? What are the customization that needs to locomote done? receive got a lot attention of yourself till then, Peace, Blessings in addition to happy navigating