اضافة ترقيم صفحات لمدونة بلوجر بشكل احترافي وبدون اخطاء

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>  @media screen and (max-width:640px ) {  .showpage a,.showpageNum a,.showpagePoint,.showpageOf{padding:3px 6px}}  </style>  </b:if>
<style type='text/css'>
/* Page Navigation */
#blog-pager {background:#fff;clear:both;width:auto;padding:22px;line-height:normal;position:relative;display:block;text-align:center;overflow: visible;margin:20px 0 5px 0}
. showpage a,.showpageNum a,.showpagePoint,.showpageOf{position:relative;background:#fff;display:inline-block;font-size:13px;color:rgba(0, 0,0,.8);padding: 5px 8px;margin:0 4px 0 0;box-shadow:0 1px 4px 1px rgba(0,0,0,0.1);border-radius:2px;transition:all.3s} .showpage a:hover,.showpageNum a:hover,.showpagePoint:hover{background:rgba(0,0,0,0.03);color:#333;position:relative;}  .showpagePoint{background:#2980b9;color: #fff;}
.showpageNum a:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 -2px 2px rgba(0,0, 0,0.02 );transition:box-shadow 0.5s}

#blog-pager {padding:12px;}  </b:if>
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{margin :0 2px 2px 0;box-shadow:0 1px 2px 1px rgba(0,0 ,0,0.1);} }
@media screen and (max-width: 320px) { 

<!-- navigation -->
<b:include name='nextprev'/>

<!-- navigation -->
<b:if cond='data:blog.pageType == "index"'>
<b:include name='nextprev'/>
<b:else/>
<b:if cond = 'data:blog.pageType == "archive"'>
<b:include name='nextprev'/>
<b:else/>
<b:if cond='data:blog.homepageUrl != data:blog. url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if> </b
:if>
</b:if>

<b:if cond='data:blog.pageType == "index"'>
<script type='text/javascript'>
/*<![CDATA[*/
var postperpage=5;var numshowpage=4;var upPageWord = 'Previous';var downPageWord = 'Next';var urlactivepage=location.href;var home_page="/";
/*]]>*/
</script>
<script src='https://cdn.staticaly.com/gh/mohammedxx/madad2/e5a01ecf/unlipage.js' type='text/javascript'/>
</b :if>