السلام عليكم و رحمة الله تعالى و بركاته
سعيد بلقائكم مجددا احبابي في الله زوار و متتبعي شروحات مهووس على مدونة مطور بلوجر
في درس اليوم سنتعرف على طريقة اضافة ترقيم الصفحات لمدونات بلوجر بدون أي مشاكل وبدون اخطاء هذه الطريقة من أفضل الطرق لأن ميزة هذه الطريقة تبعدك من وضع أكواد بداخل القالب وتفادي المشاكل والأخطاء فهذه الطريقة عبارة عن كود جافا سكربت يضع ترقيم الصفحات بنفس لون القالب اعتقد بأن هذه الطريقة أفضل من التعديل على القالب .
شرح الاضافة Navigation Page
قم بنسخ الكود و ضعه داخل الصندوق :
<style>.showpageArea a {text-decoration:underline;}.showpageNum a {text-decoration:none;border: 1px solid #EF00BF; /* لون إطار الأرقام */margin:0 3px;padding:3px;}.showpageNum a:hover {border: 1px solid #EFB700; /*لون إطار الأرقام عند لمسه بالماوس */background-color:#00EFEF; /* لون مساحة الإطارعند لمسه بالماوس*/}.showpagePoint {color::#EF2000; /* لون رقم الصفحة المفتوحة */text-decoration:none;border: 1px solid #FA2100; /* لون إطار رقم الصفحة المفتوحة */background:#E9FA00; /*لون مساحة إطار رقم الصفحة المفتوحة */margin:0 3px;padding:3px;}.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}.showpage a {text-decoration:none;border: 1px solid #A256C3; /* لون إطار "التالي, السابق" */padding:3px;}.showpage a:hover {text-decoration:none;}.showpageNum a:link,.showpage a:link {text-decoration:none;color:#0AEA82; /*لون الأرقام */}</style><script type="text/javascript">function showpageCount(json) {var thisUrl = location.href;var htmlMap = new Array();var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";var isLablePage = thisUrl.indexOf("/search/label/")!=-1;var isPage = thisUrl.indexOf("/search?updated")!=-1;var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;var thisNum = 1;var postNum=1;var itemCount = 0;var fFlag = 0;var eFlag = 0;var html= '';var upPageHtml ='';var downPageHtml ='';var pageCount=5; /* عدد المواضيع المراد عرضها في صفحة الواحدة*/var displayPageNum=3; /* عدد الصفحات التي يتم إدراجها */var firstPageWord = 'First';var endPageWord = 'Last';var upPageWord ='Prevous';var downPageWord ='Next';var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';for(var i=0, post; post = json.feed.entry[i]; i++) {var timestamp = post.published.$t.substr(0,10);var title = post.title.$t;if(isLablePage){if(title!=''){if(post.category){for(var c=0, post_category; post_category = post.category[c]; c++) {if(encodeURIComponent(post_category.term)==thisLable){if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1 ){thisNum = postNum;}postNum++;htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;}}}}//end if(post.category){itemCount++;}}else{if(title!=''){if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1 ){thisNum = postNum;}if(title!='') postNum++;htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;}}itemCount++;}}for(var p =0;p< htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){if(fFlag ==0 && p == thisNum-2){if(thisNum==2){if(isLablePage){upPageHtml = labelHtml + upPageWord +'</a></span>';}else{upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';}}else{upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';}fFlag++;}if(p==(thisNum-1)){html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>';}else{if(p==0){if(isLablePage){html = labelHtml+'1</a></span>';}else{html += '<span class="showpageNum"><a href="/">1</a></span>';}}else{html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';}}if(eFlag ==0 && p == thisNum){downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';eFlag++;}}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){}//end for(var p =0;p< htmlMap.length;p++){if(thisNum>1){if(!isLablePage){html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';}else{html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';}}html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;if(thisNum<(postNum-1)){html += downPageHtml;html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';}if(postNum==1) postNum++;html += '</div>';if(isPage || isFirstPage || isLablePage){var pageArea = document.getElementsByName("pageArea");var blogPager = document.getElementById("blog-pager");if(postNum <= 2){html ='';}for(var p =0;p< pageArea.length;p++){pageArea[p].innerHTML = html;}if(pageArea&&pageArea.length>0){html ='';}if(blogPager){blogPager.innerHTML = html;}}}</script><script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script><div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"> <a href="http://www.monte-escalier-prix.org">www.monte-escalier-prix.org</a></div>
اضغط على حفظ
ثم ضعه أسفل رسائل المدونة كما هو مبين لنا في الصورة :
ثم ضعه أسفل رسائل المدونة كما هو مبين لنا في الصورة :
نتمنى ان يكون درس اليوم واضح و ان ينال اعجابكم
اي اسئلة او استفسار نحن رهن الاشارة
لا تنسوا الاشتراك للتوصل بجديد المدونة .
اي اسئلة او استفسار نحن رهن الاشارة
لا تنسوا الاشتراك للتوصل بجديد المدونة .