Please Add Preloader

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

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

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


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

انقر للمشاهدة!

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

قبل البدء لابد من إزالة كافة الأكواد القديمة الخاصة بترقيم الصفحات أكواد 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.staticaly.com/gh/mohammedxx/madad2/e5a01ecf/unlipage.js' type='text/javascript'/>
</b:if>

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

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

لا توجد أراء حول “ترقيم صفحات مدونة بلوجر عدد لانهائي بطريقة صحيحة”
  1. يا اخي عندما اقوم بالامر يقول لس عند الخط 1222 تحط ماعرف كيف

    1. اخي هذا الرقم للأسطر الموجودة في قالب مدونتك ويختلف تماما عن كل قالب هو يخبرك بمكان الخطأ ويتم كتابة الرمز الذي وجد به الخطأ

  2. شكرا أخي البطل جربت العديد من الشروحات الفاشلة لكن شرحك من أول تجربة نجح واااصل

  3. السلام عليكم
    أنا من النوع الذي يستفيد من الشروحات ولايترك حتى شيئ بسيط كلايك ناهيك عن التعليق لاكن اليوم وبكل روح
    شكرا لك حقا حقا حقا أعنيها حقا، بعد معاناة لأيام مع شروحات وأكواد زفت أخيرا إشتغلت كل شيئ اشتغل وأحسن،
    وفقك الله

    1. وعليكم السلام
      اتمنى لك التوفيق والافادة الدائمة والنجاح في اعمالك

    1. اذا لم تعمل على الاتسميات جرب هذه الاضافة:madad2.com/2014/03/blog-post_7.html

  4. شكرا جزيلا على هذا الشّرح المفيد، ولكن هناك مشكل.. لم تتطبّق الصّفحات إلاّ على الصفحة الرئيسيّة بينما الصّفحات الأخرى بقيت كما هي.. هل هناك حل.

    1. العفو اخي الكريم حاول تطبيق الشرح مرة اخرى قد تكون نسيت شيء ما او ان هناك اضافة اخرى متشابهة اضفتها ولم تحذف الاكواد الخاصة بها

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *