إضافة ترقيم صفحات بلوجر

mohamedelafndey فبراير 20, 2020 0 تعليق

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

شرح كيفية اضافة ترقيم صفحات بلوجر للمدونة

شكل ترقيم صفحات المدونة مع إمكانية تغيير الألوان باستعمال css

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

لإضافة أداة ترقيم صفحات بلوجر على مدونتكم اتبع الخطوات التالية:

اضافة كود CSS:

هام : لا تنسى حفظ القالب قبل القيام بالتغييرات لتفادي فقدانه.

1 - أول خطوة ستقوم بها هي فتح أداة تغيير القالب

2 - قم بالنقر في أي مكان وسط القالب ثم من لوحة المفاتيح Ctrl+F للبحث عن الكود التالي: ]]></b:skin>

3 - إضافة كود HTML - بعد ذلك قم بالبحث مرة أخرى بنفس الطريقة عن الكود التالي: </body>

4 - وفوقه مباشرة أضف الكود التالي:

<b:if cond='data:blog.pageType != "item"'> 
 
<b:if cond='data:blog.pageType != "static_page"'> 
 
<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+="Page "+currentPageNo+' of '+lastPageNo+"";var prevNumber=parseInt(currentPageNo)-1;if(currentPageNo>1){if(currentPage=="page"){html+='<a href="'+home_page+'">'+firstText+'</a>'}else{html+='<a href="/search/label/'+postLabel+'?&max-results='+perPage+'">'+firstText+'</a>'}}

if(currentPageNo>2){if(currentPageNo==3){if(currentPage=="page"){html+='<a href="'+home_page+'">'+prevText+'</a>'}else{html+='<a href="/search/label/'+postLabel+'?&max-results='+perPage+'">'+prevText+'</a>'}}else{if(currentPage=="page"){html+='<a href="#" onclick="redirectpage('+prevNumber+');return false">'+prevText+'</a>'}else{html+='<a href="#" onclick="redirectlabel('+prevNumber+');return false">'+prevText+'</a>'}}}

if(pageStart>1){if(currentPage=="page"){html+='<a href="'+home_page+'">1</a>'}else{html+='<a href="/search/label/'+postLabel+'?&max-results='+perPage+'">1</a>'}}

if(pageStart>2){html+=' ... '}

for(var jj=pageStart;jj<=pageEnd;jj++){if(currentPageNo==jj){html+=''+jj+''}else if(jj==1){if(currentPage=="page"){html+='<a href="'+home_page+'">1</a>'}else{html+='<a href="/search/label/'+postLabel+'?&max-results='+perPage+'">1</a>'}}else{if(currentPage=="page"){html+='<a href="#" onclick="redirectpage('+jj+');return false">'+jj+'</a>'}else{html+='<a href="#" onclick="redirectlabel('+jj+');return false">'+jj+'</a>'}}}

if(pageEnd<lastPageNo-1){html+='...'}

if(pageEnd<lastPageNo){if(currentPage=="page"){html+='<a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastPageNo+'</a>'}else{html+='<a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastPageNo+'</a>'}}

if(currentPageNo<lastPageNo){if(currentPage=="page"){html+='<a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastText+'</a>'}else{html+='<a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastText+'</a>'}}

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> 
 
</b:if> 
 
</b:if>

5 - الآن قم بالبحث عن الكود التالي: expr:href='data:label.url'

و عوضه بما يلي: expr:href='data:label.url + "?&max-results=7"'

قم بذلك في جميع الأماكن داخل القالب

6 - يكفي الآن حفظ التغييرات وسيظهر ترقيم الصفحات على مدونتك.

بإمكانك تغيير الألوان الخاصة بالإضافة لتناسب مدونتك. وهذه هي الألوان المستعملة:
حيث يكفي البحث عنها في كود CSS الذي أضفناه في الخطوة الأولى باستعمال أداة أكواد الألوان html.

لون الخلفية : #666

لون النص : #eee

لون الخلفية عند مرور فأرة الحاسوب والصفحة التي يتم مشاهدتها: #359BED

لون النص عند مرور فأرة الحاسوب والصفحة المشاهدة : #fff

كان هذا كل ما يخص إضافة ترقيم صفحات بلوجر.

تفاصيل التدوينة

كاتب الموضوع : mohamedelafndey

mohamedelafndey

محمد محمود الافندي , مدون عربي اعشق التدوين وعالم البرمجيات بشكل عام وتبسيط المعلومه وثوف اشارك معكم كل ماهو جديد فقط انتظرونا..

إظهار التعليقات

44

الخميس، 20 فبراير 2020