اضافة ترقيم الصفحات للمدونة بصورة رائعة

السلام عليكم ورحمة الله

اضافة سريعة لن تأخذ منك اكثر من دقيقة ترقم بها صفحات مدونتك وتجملها بشكل أنيق لتسهيل تنقل زوار المدونة بين الصفحات 

 

معاينة الاضافة

أولا سوف تأخذ نسخة احتياطية من قالب مدونتك أحتياطي بعد ذلك تضغط على 

design

ثم

edit html

ثم اضغط علامة صح لتوسيع القالب  هنا

Expand Widget Templates

ثم ابحث عن الكود التالى

</body>

ثم ضع هذا الكود قبله مباشرة

<!--Page Navigation Starts-->
<script type='text/javascript'>;
var home_page=&#39;/&#39;;
var urlactivepage=location.href;
var postperpage=5;
var numshowpage=6;
var upPageWord =&#39; ا�ساب� &#39; ;
var downPageWord =&#39; ا�تا�� &#39; ;
</script>;
<script src='http://bplugins.googlecode.com/files/pagenumbers.js' type='text/javascript'/>
<!--Page Navigation Ends -->

ثم قم بالبحث عن هذا الكود 

]]></b:skin>

اضف قبله مباشرة هذا الكود 

/* Start :  Page Navigation */
.blog-pager,#blog-pager{
  font-family:"Times New Roman", Times, serif;
  font-weight:normal;
  font-size:15px;
  width:500px;
  padding:10px;
}
.showpageNum a,.showpage a {
  background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAhpCmtD46sZECL-f-v9O3wAr613c6q89uaT36aTdHSRLf9by5gyXsV2zhPxQAX0O5IHMO-CL-x5lxd8WMuUgPZYDJCHMBKfZRNlqESHM3OJu4Ym4qmN7ukXXiMmI7bZC-pY67LDQHl-w/s1600/wp6.jpg') repeat-x -6px 0px;
  border:1px solid #97a7af;
  text-decoration:none;
  color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
  -webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
  }
.showpageNum a:hover,.showpage a:hover {
  background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAhpCmtD46sZECL-f-v9O3wAr613c6q89uaT36aTdHSRLf9by5gyXsV2zhPxQAX0O5IHMO-CL-x5lxd8WMuUgPZYDJCHMBKfZRNlqESHM3OJu4Ym4qmN7ukXXiMmI7bZC-pY67LDQHl-w/s1600/wp6.jpg') repeat-x -6px -36px;
  border:1px solid #97a7af;color:#ffffff;text-decoration:none
  }
.showpageOf{
  margin:0 8px 0 0;
  display: none;
  }
.showpagePoint {
  background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAhpCmtD46sZECL-f-v9O3wAr613c6q89uaT36aTdHSRLf9by5gyXsV2zhPxQAX0O5IHMO-CL-x5lxd8WMuUgPZYDJCHMBKfZRNlqESHM3OJu4Ym4qmN7ukXXiMmI7bZC-pY67LDQHl-w/s1600/wp6.jpg') repeat-x -6px -36px;
  margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
  }

        /* End :  Page Navigation */

مفيش اسهل من كده