مقدمه :
بعد ان تكون قد بنيت القالب الخاص بك او حتى احضرت قالب جاهز ولكن ترقيم الصفحات غير موجود فهذه مشكله لان الزائر عندما تعجبه المدونه قد يأخذه الفضول لتصفح باقي التدوينات في المدونه وعندما يتوجه الى الصفحه الرئيسيه لن يجعد سوى 8 او 6 تدوينات التي تظهر في الصفحه الرئيسيه وعندما يتوجه الى الاسفل لن يجد شيئ فيعتقد ان الكاتب لم يكتب سوى هذه التدوينات والكاتب يكون قد كنت اكثر من هذا العدد ولكن المشكله في انه لا توجد اداه للتصفح من خلال المدونه ففي تدوينة اليوم سوف اقدم لك ترقيم لصفحات بلوجر فقط اتبع الخطوات.
طريقة التركيب :-
- توجه الى القالب
- اضغط على تحرير HTML
- اضف الاكواد في الاماكن المخصصه لها .
ابحث عن هذا الكود
وبعد ذلك قم بنسخ ولصق الكود التالي اسفل الكود السفل
<b:includable id='mobile-index-post' var='post'>
<b:includable id='page-navi'>
<div class='pagenavi'>
<div class="pn-content">
<script type='text/javascript'>
var pageNaviConf = {
perPage: 1,
numPages: 8,
firstText: "First",
lastText: "Last",
nextText: "»",
prevText: "«"
}
//<![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 class="firstText" href="'+f[1]+'">'+pageNaviConf.firstText+"</a>"}if(e>1){b+='<a class="prevText" 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 class="nextText" href="'+f[e+1]+'">'+pageNaviConf.nextText+"</a>"}if(endPage<a){b+='<a class="lastText" 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>
</div>
</b:includable>والان ابحث عن هذا الكود
<b:include name='nextprev'/>
واستبدله بهذا الكود
<b:if cond='data:blog.pageType == "index"'>
<b:include name='page-navi'/>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<b:include name='page-navi'/>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<b:include name='nextprev'/>
</b:if>
</b:if>وفي الاخير ابحث عن ]]></b:skin> واضغط الكود التالي فوقه
#blog-pager,.pagenavi{clear:both;text-align:center;margin:30px auto 10px;} #blog-pager a,.pagenavi span,.pagenavi a{background:#fff;color:#23527c;border:1px solid #ddd;padding:5px 10px;margin-left:-1px;text-decoration:none;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;} .pagenavi .pages{color:#777;} .pagenavi .current{color:#fff;background:#337ab7;border:1px solid #337ab7;} #blog-pager a:hover,.pagenavi a:hover{background:#eee;} #blog-pager a:visited,.pagenavi a:visited{color:#23527c;} #blog-pager-older-link,#blog-pager-newer-link{float:none;}
تعليقات
إرسال تعليق