ترقيم صفحات blogger

skyblog أو wordpress ....تعتمد ترقيم الصفحات و لكن blogger ليست كذلك .
لذا نحتاج إضافة widget يقوم بالمهمة

1- أدخل الى حسابك ثم لوحة التحكم ثم (المربعات الجانبية)

2- ألصق الكود اسفله في HTML / JAVASCRIPT

لضمان نسخ الكود كاملا : كليك داخل الكود ثم (ctrl+A) ثم انسخ

<style>.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;}.showpageArea a {border: 1px solid #505050;color: #000000;font-weight:normal;padding: 3px 6px !important;padding: 1px 4px ;margin:0px 4px;text-decoration: none;}.showpageArea a:hover { font-size:11px; border: 1px solid #333;color: #000000;background-color: #FFFFFF;}<br /><br />.showpageNum a {border: 1px solid #505050;color: #000000;font-weight:normal;padding: 3px 6px !important;padding: 1px 4px ;margin:0px 4px;text-decoration: none;<br /><br />}.showpageNum a:hover {font-size:11px; border: 1px solid #333;color: #000000;background-color: #FFFFFF;<br /><br />}.showpagePoint {font-size:11px;padding: 2px 4px 2px 4px; margin: 2px;font-weight: bold;border: 1px solid #333;color: #fff;background-color: #000000;<br /><br />}<br /><br />.showpage a:hover {font-size:11px; border: 1px solid #333;color: #000000;background-color: #FFFFFF;<br /><br />} .showpageNum a:link,.showpage a:link {font-size:11px;padding: 2px 4px 2px 4px; margin: 2px;text-decoration: none;border: 1px solid #0066cc;color: #0066cc;background-color: #FFFFFF;}<br /><br />.showpageNum a:hover {font-size:11px; border: 1px solid #333;color: #000000;background-color: #FFFFFF;}</style><br /><br /><br /><br /><script type="text/javascript"><br /><br />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 ='';<br /><br />var pageCount=5; var displayPageNum=3; var firstPageWord = 'First'; var endPageWord = 'Last'; var upPageWord ='Previous';var downPageWord ='Next';<br /><br /><br /><br />var labelHtml = '<span class="showpageNum"><a href="/search/label/" results="'+pageCount+'">';<br /><br />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; }<br /><br />postNum++;htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;} } }}//end if(post.category){<br /><br />itemCount++;}<br /><br />}else{if(title!=''){if(itemCount==0 (itemCount % pageCount ==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1 ){thisNum = postNum;}<br /><br />if(title!='') postNum++;htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;} }itemCount++;}}<br /><br />for(var p =0;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>';}<br /><br />fFlag++;}<br /><br />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>';}}<br /><br />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<>1){if(!isLablePage){html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';}else{html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';}}<br /><br />html = '<div class="showpageArea"><span style="font-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;<br /><br />if(thisNum<(postNum-1)){html += downPageHtml;html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';}<br /><br />if(postNum==1) postNum++; html += '</div>';<br /><br />if(isPage isFirstPage isLablePage){var pageArea = document.getElementsByName("pageArea");var blogPager = document.getElementById("blog-pager");<br /><br />if(postNum <= 2){html ='';} for(var p =0;p< innerhtml =" html;}">0){html ='';}<br /><br />if(blogPager){blogPager.innerHTML = html;}}<br /><br />}</script><br /><br /><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="<a" href="">Grab'>http://rias-techno-wizard.blogspot.com/2008/07/page-navigation-hack-for-blogger.html">Grab</a> this Widget ~ Blogger Accessories</a></div><br /><br />

3- اسحب الويدجي أسفل الصفحة