ترقيم الصفحات في blogger

.showpageArea {
  font-family:verdana,arial,helvetica;
  color: #000;
  font-size:11px; 
  margin:10px;
  }
.showpageArea a {
  color: #000;
  text-shadow:0 1px 2px #fff;
    font-weight: 700;
  }
.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 url(http://4.bp.blogspot.com/
_McxL-_3YYuM/TBG_a0U9fJI/AAAAAAAAAAU/qcqAF8aqWME/
s1600/wp1.jpg) 0 -50px repeat-x;
  }
.showpageNum a:hover {
  border:1px solid #888;
  background: #ccc url(http://4.bp.blogspot.com/
_McxL-_3YYuM/TBG_a0U9fJI/AAAAAAAAAAU/qcqAF8aqWME/
s1600/wp1.jpg) 0 -25px repeat-x;
  }
.showpageOf{
  margin:0 8px 0 0;
  }
.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 url(http://4.bp.blogspot.com/
_McxL-_3YYuM/TBG_a0U9fJI/AAAAAAAAAAU/qcqAF8aqWME/
s1600/wp1.jpg) 0 0 repeat-x;
  text-decoration: none;
  }

<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://all-in-one-blogger-widget
.googlecode.com/files/pagenaviv202-min

.showpageArea {
  font-family:verdana,arial,helvetica;
  color: #000;
  font-size:11px; 
  margin:10px;
  }
.showpageArea a {
  color: #000;
  text-shadow:0 1px 2px #fff;
    font-weight: 700;
  }
.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #919106;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  background: #ddd url(http://1.bp.blogspot.com/
_McxL-_3YYuM/TBG_enC7gWI/AAAAAAAAAAc/HWqEJ9LyzPc/
s1600/wp2.jpg) 0 -50px repeat-x;
  }
.showpageNum a:hover {
  border:1px solid #aeae0a;
  background: #ccc url(http://1.bp.blogspot.com/
_McxL-_3YYuM/TBG_enC7gWI/AAAAAAAAAAc/HWqEJ9LyzPc/
s1600/wp2.jpg) 0 -25px repeat-x;
  }
.showpageOf{
  margin:0 8px 0 0;
  }
.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 #919106;
  background: #666 url(http://1.bp.blogspot.com/
_McxL-_3YYuM/TBG_enC7gWI/AAAAAAAAAAc/HWqEJ9LyzPc/
s1600/wp2.jpg) 0 0 repeat-x;
  text-decoration: none;
  }

.showpageArea {
  font-family:verdana,arial,helvetica;
  color: #000;
  font-size:11px; 
  margin:10px;
  }
.showpageArea a {
  color: #fff;
  }
.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  background: #363636 url(http://2.bp.blogspot.com/
_McxL-_3YYuM/TBG_h_wTHCI/AAAAAAAAAAk/rFiXqN3fyes/
s1600/wp3.jpg) 0 -25px repeat-x;
  }
.showpageNum a:hover {
  background: #044697 url(http://2.bp.blogspot.com/
_McxL-_3YYuM/TBG_h_wTHCI/AAAAAAAAAAk/rFiXqN3fyes/
s1600/wp3.jpg) 0 -50px repeat-x;
  }
.showpagePoint {
  color:#fff;
  padding: 3px 8px;
  margin: 2px;
  font-weight: 700;
  background: #e30000 url(http://2.bp.blogspot.com/
_McxL-_3YYuM/TBG_h_wTHCI/AAAAAAAAAAk/rFiXqN3fyes/
s1600/wp3.jpg) 0 0 repeat-x;
  text-decoration: none;
  }
.showpageOf{
  margin:0 8px 0 0;
  } 

ثم المرحلة 5 و 6 

لقد جربتها و تاكدة انها تعمل بشكل صحيح

ملاحظة

الكود الثاني في المرحلة 6 

var postperpage=7; : عدد التدوينات في الصفحة الواحدة
var numshowpage=4 : عدد الصفحات التي ستظهر ارقامها في العداد