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

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

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

شاركنا معكم مؤخرا عدة إضافات لترقيم صفحات مدونة بلوجر جميعها تعمل طبعا ولكنها اصبحت قديمة بعض الشيء، واليوم سوف نشارك معكم كود ترقيم صفحات مدونة بلوجر بطريقة صحيحة والتي لا تحتوي على اخطاء في حال حدوث أية تغيرات مثل بعض الترقيمات والتي إطررت لإزالتها مؤخرًا في بعض قوالب بلوجر وإستبدلها بترقيم جديد أعلاه تجدون صورة عن الترقيم وأدناه تجدون رابط لمثال حي عن الترقيم.

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

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

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

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<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 == &quot;index&quot;'>

        <b:include name='nextprev'/>

    <b:else/>

    <b:if cond='data:blog.pageType == &quot;archive&quot;'>

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

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

<b:if cond='data:blog.pageType == &quot;index&quot;'>

<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.rawgit.com/mohammedxx/madad2/e5a01ecf/unlipage.js' type='text/javascript'/>

</b:if>

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

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

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