how to create a navigation page numbers

well,,
previously we already know with the name navigation page number ..
like the picture below

just the first step to make navigating the numbers

STEP 1 :

1. Login to Blogger Dashboard and navigate to Layout > Edit Html
2. Don’t click the checkbox which says ‘Expand Widget Templates’
3. The first step you find this code ]]></ b: skin>

4. css copy the script below and save it before the code

.blog-pager,#blog-pager{
  font-family:"Times New Roman", Times, serif;
  font-weight:normal;
  width:500px;
  font-size: 0.8em;
  padding: 0.6em 0.5em;
  background-color:#000000;
  text-align:center;
 }
.showpageNum a,.showpage a {
  text-decoration: none;
  padding: 0.3em 0.5em;
  color: #055d90;
  white-space: nowrap;
  color: #ffffff;
   margin-right: 0.1em;
  }
.showpageNum a:hover,.showpage a:hover {
 color:#A30A1A;
 text-decoration:none;
 background-color:#ffffff;
  }
.showpageOf{
  margin:0 8px 0 0;
  display:none;
  }
.showpagePoint {
 color:#ffffff;
 text-decoration:none;
 background-color:#A9061B;
 width:36px;
 height:16px;
 font-size:12px;
 padding-left:5px;
 padding-right:6px;
 padding-top:3px;
 padding-bottom:4px;
  }
]]></b:skin>

STEP 2 :

Find this code :

</body>

Replace with :

<script type='text/javascript'>;
var home_page='/';
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>;
<script src='http://scriptabufarhan.googlecode.com/svn/

trunk/pagenaviv202-min.js' type='text/javascript'></script>
</body> 

Change based on your blog setting :
var postperpage=7;
var numshowpage=4;
Postperpage : How many Post every Page for your blog
numshowpage : how Many number will show in Your page Navigation

STEP 3 :

Find this code :

'data:label.url'

and Replace with this

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

Change 7 base on how many post every page

The next live you save the template 

completed,, 

how,, very easy to create a navigation page number