Changing the Navigation Pages By Number.

Changing the Navigation Pages By Number.
before discussing about this article, I would like to express gratitude to Allah SWT Alhamdullillah, because when the last test I can do them well. Hopefully I can pass the next exams smoothly and of course true. Amen

Back to our topic, In this post I will discuss about how to Change the Navigate Pages With a number that was created by The Master Blogger Abu Farhan. But, if you already know which page navigation that? if not, you try lyrics the bottom of this blog. then see a text with a link labeled "Old Post" and "New Post". Well, now we will Change the Navigation Pages With numbers like in the picture above. while the function of the navigation page is to facilitate the visitors to get around and play on our blog.

Immediately, I kaih know the steps you should follow the following:

Step - Step:

• Login to Blogger
• Click Design
• Click Edit HTML
• Do not forget to check "Expand Widget Templates"
• Then find the code ]]></ b: skin>
• Add the code below just above the code of ]]></ b: skin> 

.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #999;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  background: #ddd;
  }

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
  border:1px solid #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 solid #999;
  background: #666;
  text-decoration: none;
  }

• Find code </ body>, then add the following code above the code </ body>

&lt;script type='text/javascript'&gt;
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=5;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
&lt;/script&gt;
&lt;script src='http://all-in-one-blogger-widget.googlecode.com/files/pagenaviv202-min.js' type='text/javascript'&gt;&lt;/script&gt;

Description:
Replace the red code in accordance with Your Blog

var postperpage=Number of Post every page for your blog;

var numshowpage=Total number that will appear on your navigation page;

• Then find the code "data: label.url" and replace with the code below

data:label.url + "?&max-results=5"

 Description:
Replace the number 5 with the total number that will appear on your navigation page.

• Save Template.
• Finish

See the results and do not forget to read also this one Information History and Efficacy of Chicken Cemani