اضافة ترقيم لصفحات بلوجر

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

كيفية إضافة ترقيم لصفحات بلوجر 2015
عملية إضافة الترقيم  للصفحة  سهل جدا عبر خطوتين

اضافة كود الستيل أو css
ثم اضافة كود الجكويري Jquery

الخطوة 1 : اضافة أكواد الستيل
اذهب إلى بلوجر
القالب
تحرير html
ابحث عن ]]></b:skin>
قم بلصق الكوت الأتي فوق ]]></b:skin>

/*-----------------numbered page navigation for blogger by PakMax------------------*/ #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;} .blog-pager {background: none;} .displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;} .displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;opacity:.8;color:#FFF;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out} #top-ad{width:728px;height:90px;margin:0 auto;margin-top:20px} #blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;} .showpageOf{display:none!important} #blog-pager .pages{border:none;} /*-----------------numbered page navigation for blogger by PakMax------------------*/

الخطوة 1 : اضافة الجكويري jq
ابحث عن هذا الوسم ألصق فوق  </head> الكود الأتي

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
/*<![CDATA[*/
var perPage=7;
var numPages=6;
var firstText ='First';
var lastText ='Last';
var prevText ='« Previous';
var nextText ='Next »';
var urlactivepage=location.href;
var home_page="/";
/*]]>*/
</script>
<script src="http://helplogger.googlecode.com/svn/trunk/page-navigation2.js"/>
</b:if>
</b:if>

أخيرا قم بحفظ التغييرات في القلب

تخصيص
يمكنك تحديد عدد المواضيع التي سيتم عرضها في كل صفحة عن طريق "var numperPage=7" 
يمكنك تحديد عدد الصفحات التي ستظهر في الصفحة عن طريق "var numPages=6"
يمكنك تغيير النص الذي به next و Previous الى اللغة العربية
next = التالي
Previous = السابق
وذلك عن طريق "var prevText ='« Previous'; var nextText ='Next »';"