ترقيم صفحات بلوجر، وحل مشكلة عدم ظهورالترقيم في التسميات والأقسام .

ترقيم الصفحات Page Navigation : هي إضافة هامة لجميع قوالب بلوجر ، حيث تسهل على الزائر التنقل بين التدوينات الموجودة في المدونة ،  وتعطي كذلك  جمالية للقالب ،

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

ملحوظة :

اذا كان لذيك أذاة الترقيم في مدونتك فيها بعض المشاكل ، فقم بحذفها وركب هذه الاضافة ، وستحل هذه المشكلة بإذن الله .  

الخطوة الأولى :

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

الخطوة الثانية :

ادخل الى القالب تم تحرير html ، وبحث عن هذا الكود  :
 <b:includable id='post' var='post'>

  كيفية البحث عن هذا الكود انقر من لوحة المفاتيح على زر ctrl ثم f في آن واحد ثم أعد مرة أخرى ctrl و v وبعدها انقر على زر  entrée

وفوق هذا الكود الذي وجدناه مباشرة  نضع هذا الكود :

 <b:includable id='page-navi'>
    <div class='pagenav'>
        <script type='text/javascript'>
        var pageNaviConf = {
            perPage: 9,
            numPages: 5,
            firstText: &quot;الصفحة الأولى&quot;,
            lastText: &quot;الصفحة الأخيرة&quot;,
            nextText: &quot;التالي&quot;,
            prevText: &quot;السابق&quot;
        }
        </script>
  <script type='text/javascript'>
  //<![CDATA[
  function pageNavi(o){var m=location.href,l=m.indexOf("/search/label/")!=-1,a=l?m.substr(m.indexOf("/search/label/")+14,m.length):"";a=a.indexOf("?")!=-1?a.substr(0,a.indexOf("?")):a;var g=l?"/search/label/"+a+"?updated-max=":"/search?updated-max=",k=o.feed.entry.length,e=Math.ceil(k/pageNaviConf.perPage);if(e<=1){return}var n=1,h=[""];l?h.push("/search/label/"+a+"?max-results="+pageNaviConf.perPage):h.push("/?max-results="+pageNaviConf.perPage);for(var d=2;d<=e;d++){var c=(d-1)*pageNaviConf.perPage-1,b=o.feed.entry[c].published.$t,f=b.substring(0,19)+b.substring(23,29);f=encodeURIComponent(f);if(m.indexOf(f)!=-1){n=d}h.push(g+f+"&max-results="+pageNaviConf.perPage)}pageNavi.show(h,n,e)}pageNavi.show=function(f,e,a){var d=Math.floor((pageNaviConf.numPages-1)/2),g=pageNaviConf.numPages-1-d,c=e-d;if(c<=0){c=1}endPage=e+g;if((endPage-c)<pageNaviConf.numPages){endPage=c+pageNaviConf.numPages-1}if(endPage>a){endPage=a;c=a-pageNaviConf.numPages+1}if(c<=0){c=1}var b='<span class="pages">Pages '+e+' of '+a+"</span> ";if(c>1){b+='<a href="'+f[1]+'">'+pageNaviConf.firstText+"</a>"}if(e>1){b+='<a href="'+f[e-1]+'">'+pageNaviConf.prevText+"</a>"}for(i=c;i<=endPage;++i){if(i==e){b+='<span class="current">'+i+"</span>"}else{b+='<a href="'+f[i]+'">'+i+"</a>"}}if(e<a){b+='<a href="'+f[e+1]+'">'+pageNaviConf.nextText+"</a>"}if(endPage<a){b+='<a href="'+f[a]+'">'+pageNaviConf.lastText+"</a>"}document.write(b)};(function(){var b=location.href;if(b.indexOf("?q=")!=-1||b.indexOf(".html")!=-1){return}var d=b.indexOf("/search/label/")+14;if(d!=13){var c=b.indexOf("?"),a=(c==-1)?b.substring(d):b.substring(d,c);document.write('<script type="text/javascript" src="/feeds/posts/summary/-/'+a+'?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')}else{document.write('<script type="text/javascript" src="/feeds/posts/summary?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')}})();
  //]]>
  </script>
        <div class='clear'/>
    </div>

 </b:includable>

  رقم 9 الموجود في هذا الكود هوعدد التدونلت التي ستظهر فقم بستبداله بالعدد الذي وضعته في خانة عدد رسائل الصفحة الرئيسية.

رقم 5 هو عدد الارقام التي ستظهر في الترقيم للزائر .

الخطوة الثالثة :

قم بالبحث عن هذا الكود :   <b:include name='nextprev'/>

واستبدله بالكود التالي :

<b:if cond='data:blog.pageType == &quot;index&quot;'> 
   <b:include name='page-navi'/> <b:else/> 
   <b:if cond='data:blog.pageType == &quot;archive&quot;'><b:include name='page-navi'/></b:if> <b:else/> 
   <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:include name='nextprev'/> </b:if> 
   </b:if>

الخطوة الرابعة :
ابحث عن هذا الوسم :  ]]></b:skin>  وضع فوقه هذا الكود :

/* CSS Page Navigation */
.pagenav {
    clear: both;
    margin: 10px 0 10px;;
    padding: 15px;
    text-align: left;
    font-size: 13px;
    font-family: 'Droid Sans';
    font-weight: 700;
    text-align: center;
}
.pagenav span, .pagenav a {
    padding: 10px 15px;
    display: inline-block;
    background-color: #fff;
    color: #4d90fe;
    font-size: 15px;
    margin: 0px 4px 8px 4px;
    transition: all .2s ease;
}
.pagenav .pages {
    background-color: #4d90fe;
    color: #fff;
    transition: all .2s linear;
}
.pagenav a:hover {
    background-color:#dd5d24;
    color:#fff;
    transition: 0.5s
}
.pagenav .current {
    background-color:#dd5d24;
    color:#fff;
}
.pagenav .pages {display:none;}

=======================================================

الشرح بالفيديو

لتنسيق الترقيم كي يتلائم مع القالب 

هذا الكود هوخلفية الترقم : background-color: #fff;  استبدله باللون الذي يناسب القالب.
هذا الكود هولون  الترقم :  color: #4d90fe;  استبدله باللون الذي يناسب القالب.
هذا الكود هولون رقم الصفحة الظاهرة أمامك:   background-color:#dd5d24;  استبدله باللون الذي يناسبك.
اما هذا الكود فهو عندما تمرر الموس يظهر لك :  background-color:#dd5d24;  
وهذا لون الأرقام عندما تمرر الموس  color:#fff;  
---------------------------------------------------------------------------
 إن كان هناك أي تساؤل لا تتردد بكتابته في التعليقات في أسفل هذه التدونة .
والله ولي التوفيق ،