Adding Numbered Page Navigation In Blogger With Labels Optimized For Navigation

Having a user-friendly Blogger Template is i of the most pregnant parts of a blog. Whenever, a visitor teach inward on a website he didn’t help virtually 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 3 buttons through which users navigate Older, together with Newer Posts. For that reason, nosotros receive got coded a delightful navigating organization which volition complement each together with everyone’s blog. It is numbered navigating system. If anyone is fed-up from his navigating organization therefore today inward this article, nosotros volition last sharing a technique through which anyone tin easily teach rid of his one-time navigating system, together with tin easily add together numbered page navigation.


How To Add Numbered Page Navigation inward Blogger:

The steps are extremely straightforward hat it would soak 2 minutes to complete. only 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> together with only higher upward it glue the next CSS coding.

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

  • Now i time again, inside the template search for </head> together with higher upward 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 virtually this numbered page system? What are the customization that needs to last done? accept a lot help of yourself till then, Peace, Blessings together with happy navigating

Hosting Unlimited Indonesia


Sumber http://www.mybloggerlab.com