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

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

كيفية ترقيم صفحات بلوجر بطريقة صحيحة:

أول خطوة عليك القيام بها هي ذهاب الى خانة التخطيط في إدارة مدونتك بعدها قم بتحرير رسائل المدونة الإلكترونية، وفي خانة عدد الرسائل على الصفحة الرئيسية ضع رقم يناسب عدد المشاركات التي تريدها ان تظهر في الصفحة الرئيسية، مثل ماهو موضح في الصورةالتالية.
كيفية ترقيم صفحات بلوجر بطريقة صحيحة
كيفية ترقيم صفحات بلوجر بطريقة صحيحة
نأتي الان الى اضافة أكواد CSS داخل القالب.
- قم بذهاب الى المظهر (القالب) > بعدها الى تحرير html وقم بالبحث عن الكود التالي.
]]></b:skin>
- عند ايجاده اضف الكود التالي فوقه مباشرة.
/* ترقيم صفحات بلوجر من مدونة معاون */
.showpageOf,.displaypageNum a,.showpage a,.pagecurrent{padding:5px 10px;margin-right:5px;color:#333;background:#f2f4f8;
display:inline-block;font:600 12px neo;border:1px solid #ccc;}
.displaypageNum a:hover,.showpage a:hover,.pagecurrent{background:#002872;color:#fff!important;}
#blog-pager .pagecurrent{color:#fff;background:#002872;}
#blog-pager{padding-top:10px;clear:both;margin:10px auto;text-align:center;overflow:inherit;}
- بعدها قم بالبحث عن الكود التالي.
</body>
- عندما تعثر عليه أضف الكود التالي فوقه مباشرة.
<script type='text/javascript'>
/*<![CDATA[*/
var perPage=3;
var numPages=3;
var firstText ='الأولى';
var lastText ='الأخيرة';
var prevText ='« السابق';
var nextText ='التالي »';
var urlactivepage=location.href;
var home_page="/";
if(typeof firstText=="undefined")firstText="First";if(typeof lastText=="undefined")lastText="Last";var noPage;var currentPage;var currentPageNo;var postLabel;pagecurrentg();function looppagecurrentg(pageInfo){var html='';pageNumber=parseInt(numPages / 2);if(pageNumber==numPages-pageNumber){numPages=pageNumber*2+1}
pageStart=currentPageNo-pageNumber;if(pageStart<1)pageStart=1;lastPageNo=parseInt(pageInfo / perPage)+1;if(lastPageNo-1==pageInfo / perPage)lastPageNo=lastPageNo-1;pageEnd=pageStart+numPages-1;if(pageEnd>lastPageNo)pageEnd=lastPageNo;html+="<span class='showpageOf'>الصفحة "+currentPageNo+' من '+lastPageNo+"</span>";var prevNumber=parseInt(currentPageNo)-1;if(currentPageNo>1){if(currentPage=="page"){html+='<span class="showpage firstpage"><a href="'+home_page+'">'+firstText+'</a></span>'}else{html+='<span class="displaypageNum firstpage"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">'+firstText+'</a></span>'}}
if(currentPageNo>2){if(currentPageNo==3){if(currentPage=="page"){html+='<span class="showpage"><a href="'+home_page+'">'+prevText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">'+prevText+'</a></span>'}}else{if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+prevNumber+');return false">'+prevText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+prevNumber+');return false">'+prevText+'</a></span>'}}}
if(pageStart>1){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">1</a></span>'}}
if(pageStart>2){html+=' ... '}
for(var jj=pageStart;jj<=pageEnd;jj++){if(currentPageNo==jj){html+='<span class="pagecurrent">'+jj+'</span>'}else if(jj==1){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">1</a></span>'}}else{if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+jj+');return false">'+jj+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+jj+');return false">'+jj+'</a></span>'}}}
if(pageEnd<lastPageNo-1){html+='...'}
if(pageEnd<lastPageNo){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastPageNo+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastPageNo+'</a></span>'}}
var nextnumber=parseInt(currentPageNo)+1;if(currentPageNo<(lastPageNo-1)){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+nextnumber+');return false">'+nextText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+nextnumber+');return false">'+nextText+'</a></span>'}}
if(currentPageNo<lastPageNo){if(currentPage=="page"){html+='<span class="displaypageNum lastpage"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastText+'</a></span>'}else{html+='<span class="displaypageNum lastpage"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastText+'</a></span>'}}
var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}
if(pageArea&&pageArea.length>0){html=''}
if(blogPager){blogPager.innerHTML=html}}
function totalcountdata(root){var feed=root.feed;var totaldata=parseInt(feed.openSearch$totalResults.$t,10);looppagecurrentg(totaldata)}
function pagecurrentg(){var thisUrl=urlactivepage;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){postLabel=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{postLabel=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}
if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){currentPage="page";if(urlactivepage.indexOf("#PageNo=")!=-1){currentPageNo=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{currentPageNo=1}
document.write("<script src=\""+home_page+"feeds/posts/summary?max-results=1&alt=json-in-script&callback=totalcountdata\"><\/script>")}else{currentPage="label";if(thisUrl.indexOf("&max-results=")==-1){perPage=20}
if(urlactivepage.indexOf("#PageNo=")!=-1){currentPageNo=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{currentPageNo=1}
document.write('<script src="'+home_page+'feeds/posts/summary/-/'+postLabel+'?alt=json-in-script&callback=totalcountdata&max-results=1" ><\/script>')}}}
function redirectpage(numberpage){jsonstart=(numberpage-1)*perPage;noPage=numberpage;var nameBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nameBody.appendChild(newInclude)}
function redirectlabel(numberpage){jsonstart=(numberpage-1)*perPage;noPage=numberpage;var nameBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary/-/"+postLabel+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nameBody.appendChild(newInclude)}
function finddatepost(root){post=root.feed.entry[0];var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);var timestamp=encodeURIComponent(timestamp1);if(currentPage=="page"){var pAddress="/search?updated-max="+timestamp+"&max-results="+perPage+"#PageNo="+noPage}else{var pAddress="/search/label/"+postLabel+"?updated-max="+timestamp+"&max-results="+perPage+"#PageNo="+noPage}
location.href=pAddress}
/*]]>*/
</script>
نأتي الان لحل مشكلة عدم ظهور الترقيم في الاقسام.
- الآن قم بالبحث عن الكود التالي.
expr:href='data:label.url'
- واستبدله بالكود التالي.
expr:href='data:label.url + "?&amp;max-results=8"'
ملاحظة: هناك اكثر من كود غيرها جميعا، مع تغيير رقم 8 بعدد المواضيع الذي اخترته في اول خطوة.
وفي الاخير يكفي حفظ المظهر وسيظهر ترقيم الصفحات على مدونتك باذن الله. اذا واجهتك اي مشكلة اتركها في تعليق وسنحاول حلها باذن الله، اتمنى ان تكون التدوينة مفيدة لكم، هذا كل شيء، سلام.

شارك المقالة مع أصدقائك

mo3awin

هناك 6 تعليقات:

  1. الترقيم اشتغل لكن يوجد تكرار في المواضيع اخي مثل يوجد موضوع pes 2019 في الصفحة الاولى تجد نفس الموضوع في الرقم 3 يعني مكرر؟؟

    ردحذف
    الردود
    1. اخي مرحبا بك الامر بسيط لحل هذا مشكل كل ماعليك فعله هو تغيير الرقم 3 في الكود التالي
      var perPage=3;
      الى عدد الذي اخترته في المرحلة الاولى.
      طبعا الكود موجود في الكود الثاني في الشرح.

      حذف
  2. اخي ابع كل الخطوات و لم يظهر الترقيم

    ردحذف
    الردود
    1. اخي قم بوضع رابط مدونتك للمعاينة ؟

      حذف
  3. شكرا جزيلا أخي الكريم

    ردحذف
    الردود
    1. لا شكر على واجب اخي .. ومرحبا بك :)

      حذف