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

تقييمك للموضوع؟

كود ترقيم صفحات مدونة بلوجر بطريقة صحيحة والتي لا تحتوي على اخطاء كما تلاحظون في هذه الصورة لمدونتي خطب الجمعة وهذا رابط المدونة للتأكيد

https://khotbati.blogspot.com

وفيما يلي كيفية تركيب الكود

طريقة تركيب الكود على قالب مدونة بلوجر

قبل البدء لابد من إزالة كافة الأكواد القديمة الخاصة بترقيم الصفحات أكواد html وCSS وجافا سكربت ذالك إن وجد أما إذا كان القالب غير مرقم فلا حاجة إلى ذلك

1. إنتقل من لوحة تحكم المدونة  --> القالب ثم انقر على تحرير HTML ثم أبحث عن الرمز </head> وأضف الكود التالي فوق الرمز </head>مباشرةً 

<b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <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} .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} .showpage a:hover,.showpageNum a:hover,.showpagePoint:hover{background:rgba(0,0,0,0.03);color:#333;position:relative;} .showpagePoint{background:#2980b9;color:#fff;} @media screen and (max-width:640px) { #blog-pager {padding:12px;} .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) { .showpage a,.showpageNum a,.showpagePoint,.showpageOf{padding:3px 6px}} </style> </b:if> </b:if> 

 2. ثم أبحث عن الرمز

<!-- 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> 

الرمز postperpage=5 لعدد الصفحات المطلوب عرضها



3. وأخيرًا أبحث عن الرمز </body> تجده اسفل القالب دائمًا ثم قم بلصق الكود التالي فوق الرمز </body> مباشرةً

<b:if cond='data:blog.pageType == "index"'> <script type='text/javascript'> /*<![CDATA[*/ var postperpage=5;var numshowpage=4;var upPageWord ='السابق';var downPageWord ='التالي';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>


الرمز postperpage=5 لعدد الصفحات المطلوب عرضها

الرمز numshowpage=3 لعدد الترقيمات المطلوب عرضها في الأداة


نتمنى ان يكون الموضوع في المتناول