مجموعه من الترقيم لصفحات البلوجر لمدونتك برمجيه وجافا سكربت
Numbered Page
البحث عن هذا
</body>
وضع الكود هذا فوقه
====================================== احمر
<style type='text/css'>
#blog-pager{padding:10px 0 !important;}.showpageArea{font-weight:bold;margin:5px;}.showpageArea a{text-decoration:underline;color:#fff;}.showpageNum a,.showpage a{color:#FFF;text-decoration:none;border-radius:2px;background:#F34B4B;border:1px solid #E41616;margin:0 3px;padding:2px 10px;font:12px droidkufi-bold, tahoma;}.showpageNum a:hover,.showpage a:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60);opacity:.6;}.showpagePoint{color:#FFF;text-decoration:none;border:1px solid #F34B4B;border-radius:0;margin:0 3px;background:#FC8989;padding:2px 10px;font:700 12px droidkufi-bold, tahoma;}.showpageOf{text-decoration:none;padding:3px;margin:0 3px 0 0;}.showpageNum a:link,.showpage a:link{text-decoration:none;color:#fff;}
</style>
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=5;
var numshowpage=9;
var upPageWord ='السابق';
var downPageWord ='التالي';
</script>
<script type='text/javascript'>
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('6 H;6 j;6 c;6 o;1g();y 1h(16){6 7=\'\';I=J(M/2);4(I==M-I){M=I*2+1}K=c-I;4(K<1)K=1;r=J(16/k)+1;4(r-1==16/k)r=r-1;N=K+M-1;4(N>r)N=r;7+="<5 f=\'1C\'>1D "+c+\' 1E \'+r+"</5>";6 17=J(c)-1;4(c>1){4(c==2){4(j=="x"){7+=\'<5 f="1F"><a g="\'+z+\'">\'+O+\'</a></5>\'}d{7+=\'<5 f="l"><a g="/s/u/\'+o+\'?&9-m=\'+k+\'">\'+O+\'</a></5>\'}}d{4(j=="x"){7+=\'<5 f="l"><a g="#" A="P(\'+17+\');B C">\'+O+\'</a></5>\'}d{7+=\'<5 f="l"><a g="#" A="Q(\'+17+\');B C">\'+O+\'</a></5>\'}}}1i(6 h=K;h<=N;h++){4(c==h){7+=\'<5 f="1G">\'+h+\'</5>\'}d 4(h==1){4(j=="x"){7+=\'<5 f="l"><a g="\'+z+\'">1</a></5>\'}d{7+=\'<5 f="l"><a g="/s/u/\'+o+\'?&9-m=\'+k+\'">1</a></5>\'}}d{4(j=="x"){7+=\'<5 f="l"><a g="#" A="P(\'+h+\');B C">\'+h+\'</a></5>\'}d{7+=\'<5 f="l"><a g="#" A="Q(\'+h+\');B C">\'+h+\'</a></5>\'}}}6 18=J(c)+1;4(c<r){4(j=="x"){7+=\'<5 f="l"><a g="#" A="P(\'+18+\');B C">\'+1j+\'</a></5>\'}d{7+=\'<5 f="l"><a g="#" A="Q(\'+18+\');B C">\'+1j+\'</a></5>\'}}7+=\'<1k><a g="1l://1H.1I.1J" 1K="1L 1M 1N!" 1O="1P-1Q: 1R; 1S: 1T; 1U: 1V;" 1W="1X"><1m 1Y="0" L="1l://1Z.21.22/1m/24.25" 26="3" 27="3" /></a></1k>\';6 D=v.28("D");6 1a=v.2a("2b-2c");1i(6 p=0;p<D.R;p++){D[p].1n=7}4(D&&D.R>0){7=\'\'}4(1a){1a.1n=7}}y 1b(S){6 T=S.T;6 1o=J(T.2d$2e.$t,10);1h(1o)}y 1g(){6 e=n;4(e.b("/s/u/")!=-1){4(e.b("?U-9")!=-1){o=e.E(e.b("/s/u/")+14,e.b("?U-9"))}d{o=e.E(e.b("/s/u/")+14,e.b("?&9"))}}4(e.b("?q=")==-1&&e.b(".7")==-1){4(e.b("/s/u/")==-1){j="x";4(n.b("#F=")!=-1){c=n.E(n.b("#F=")+8,n.R)}d{c=1}v.1p("<i L=\\""+z+"V/W/X?9-m=1&Y=Z-11-i&12=1b\\"><\\/i>")}d{j="u";4(e.b("&9-m=")==-1){k=20}4(n.b("#F=")!=-1){c=n.E(n.b("#F=")+8,n.R)}d{c=1}v.1p(\'<i L="\'+z+\'V/W/X/-/\'+o+\'?Y=Z-11-i&12=1b&9-m=1" ><\\/i>\')}}}y P(G){13=(G-1)*k;H=G;6 15=v.1q(\'1r\')[0];6 w=v.1s(\'i\');w.1t=\'1u/1v\';w.1w("L",z+"V/W/X?1x-1y="+13+"&9-m=1&Y=Z-11-i&12=1c");15.1z(w)}y Q(G){13=(G-1)*k;H=G;6 15=v.1q(\'1r\')[0];6 w=v.1s(\'i\');w.1t=\'1u/1v\';w.1w("L",z+"V/W/X/-/"+o+"?1x-1y="+13+"&9-m=1&Y=Z-11-i&12=1c");15.1z(w)}y 1c(S){1d=S.T.2f[0];6 1A=1d.1B.$t.E(0,19)+1d.1B.$t.E(23,29);6 1e=2g(1A);4(j=="x"){6 1f="/s?U-9="+1e+"&9-m="+k+"#F="+H}d{6 1f="/s/u/"+o+"?U-9="+1e+"&9-m="+k+"#F="+H}2h.g=1f}',62,142,'||||if|span|var|html||max||indexOf|nomerhal|else|thisUrl|class|href|jj|script|jenis|postperpage|showpageNum|results|urlactivepage|lblname1|||maksimal|search||label|document|newInclude|ط§ظ„طµظپطط§طھ|function|home_page|onclick|return|false|pageArea|substring|PageNo|numberpage|nopage|nomerkiri|parseInt|mulai|src|numshowpage|akhir|upPageWord|redirectpage|redirectlabel|length|root|feed|updated|feeds|posts|summary|alt|json||in|callback|jsonstart||nBody|banyakdata|prevnomer|nextnomer||blogPager|hitungtotaldata|finddatepost|post|timestamp|alamat|halamanblogger|loophalaman|for|downPageWord|div|http|img|innerHTML|totaldata|write|getElementsByTagName|head|createElement|type|text|javascript|setAttribute|start|index|appendChild|timestamp1|published|showpageOf|Page|of|showpage|showpagePoint|www|way2blogging|org|title|Get|this|Widget|style|font|size|7pt|float|right|padding|2px|target|_blank|border|img1||blogblog|com||blank|gif|width|height|getElementsByName||getElementById|blog|pager|openSearch|totalResults|entry|encodeURIComponent|location'.split('|'),0,{}))
</script>
======================================
هذا مميز ولا يوجد اي برمجيه من الروابط فقط عليك تغير اللون بدقه وانتهينا نتابع التالي
======================================
======================================
]]></b:skin>
ضع فوقه اي واحد اللى يناسبك
====================================== رصاصي
#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{padding: 3px 7px;margin-right:5px;background:#E9E9E9;color: #888;border:1px solid #E9E9E9;}
.displaypageNum a:hover,.showpage a:hover,.pagecurrent{background:#CECECE;text-decoration:none;color: #000;}
.showpageOf{display:none!important}
#blog-pager .showpage, #blog-pager .pagecurrent{font-weight:bold;color: #888;}
#blog-pager .pages{border:none;}
====================================== اسود برتقالي
#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#404042;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#EC8D04;text-decoration:none;color: #fff;}
#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}
====================================== اسود ازرق
#blog-pager{clear:both;margin:30px auto; padding: 7px; text-align:center;font-size: 11px;background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #000000),color-stop(1, #292929));background-image: -o-linear-gradient(top, #000000 0%, #292929 100%);background-image: -moz-linear-gradient(top, #000000 0%, #292929 100%);background-image: -webkit-linear-gradient(top, #000000 0%, #292929 100%);background-image: -ms-linear-gradient(top, #000000 0%, #292929 100%);background-image: linear-gradient(to top, #000000 0%, #292929 100%); padding: 6px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{padding: 3px 10px;margin-right:5px; color: #fff;}
.displaypageNum a:hover,.showpage a:hover,.pagecurrent{background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #59A2CF),color-stop(1, #D9EAFF));background-image: -o-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: -moz-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: -webkit-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: -ms-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: linear-gradient(to top, #59A2CF 0%, #D9EAFF 100%);text-decoration: none;color: #000;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.showpageOf{display:none!important}.blog-pager-older-link, .home-link, .blog-pager-newer-link {background: transparent;}
a.blog-pager-older-link, a.home-link, a.blog-pager-newer-link {color: #fff;}
#blog-pager .pages{border:none;background: none;}
====================================== رصاصي ازرق
#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;}
====================================== اخضر وردي اصفر
#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #3E5801; background-color:#E0EDC1;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#FEF6DF;text-decoration:none;color: #E16800;}
#blog-pager .pagecurrent{font-weight:bold;color: #D25E71;background:#FFDEDF;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;}
====================================== برتقالي احمر
#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #AD0B00; background-color:#FAB001;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#DB4920;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;}
====================================== رصاص احمر
#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 12px;padding: 5px 12px;margin-right:5px; color: #222; background-color:#eee; border: 1px solid #EEEEEE;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#E5E5E5;text-decoration:none;color: #222;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;}
======================================
الان البحث عن
</body>
ضع فوقه هذا الكود
======================================
<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+="<span class='showpageOf'>Page "+currentPageNo+' of '+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>
</b:if>
</b:if>
====================================== ازرق برتقالي
البحث عن هذا
</head>
======================================
ضع الكود فوقه
======================================
<b:if cond='data:blog.pageType == "index"'>
<style type='text/css'>
/* Page Navigation */
#blog-pager{
background:#fff;
clear:both;
width:auto;
padding:10px;
line-height:normal;
border: 1px solid #cccccc;
position:relative;
display:block;
text-align:right;
overflow:visible;
margin:20px 0 5px 0;
}
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{
position:relative;
background:#00BCD4;
display:inline-block;
font-size:13px;
color: #fff;
padding:3px 10px;
margin:0 0 0 6px;
font-weight:normal;
transition:all .3s;
}
.showpageNum a:before{
content:'';
position:absolute;
top:0;
bottom:0;
right:0;
left:0;
box-shadow:inset 0 -2px 2px rgba(0,0,0,0.02);
transition:box-shadow 0.5s;
}
.showpage a:hover,.showpageNum a:hover{
background:#fc5400;
color:#fff;
position:relative;
}
.showpagePoint{background:#fc5400;color:#fff;}
.showpagePoint:hover{background:#fc5400;color:#fff;}
</style>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#blog-pager{
display:none;
}
</style>
</b:if>
======================================
الخطوة الثالثة
إبحث عن الوسم </body> وأضف فوقه الكود التالي
======================================
<b:if cond='data:blog.pageType == "index"'>
<script type='text/javascript'>
/*<![CDATA[*/
var postperpage=3;var numshowpage=5;var upPageWord ='السابق';var downPageWord ='التالي';var urlactivepage=location.href;var home_page="/";
/*]]>*/
</script>
<script src='https://cdn.rawgit.com/cnblogger/cn3u/master/pager.js' type='text/javascript'/>
</b:if>
======================================
رقم 7 هو عدد الرسائل في الصفحة إجعله نفس العدد الذي إخترته في الخطوة الاولى
رقم 5 هو عدد الصفحات الظاهر في الإضافة قم بالزيادة أو التقليل
الخطوة الرابعة والأخيرة
أبحث عن هذا الكود او جزء منه
======================================
<!-- navigation -->
او هذا
<b:include name='nextprev'/>
======================================
وأستبدله بهذا الكود
======================================
<!-- navigation -->
<b:if cond='data:blog.pageType == "index"'>
<b:include name='nextprev'/>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<b:include name='nextprev'/>
<b:else/>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
</b:if>
</b:if>
======================================
إبحث عن هذا
</body>
وأضف فوقه الكود التالي
======================================
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=6;
var numshowpage=9;
var upPageWord ='السابق';
var downPageWord ='التالي';
</script>
<script src='https://cnmu.googlecode.com/svn/trunk/pagenavar.js' type='text/javascript'></script>
======================================
إبحث عن هذا
]]></b:skin>
وأضف فوقه الكود التالي
======================================
/* -- number page navigation -- */
.showpageArea {
color:#787D7E;
margin: 10px 5px 3px 5px;
padding: 0px;
float: right;
display: inline;
font-size:13px;
}
.showpageArea a {
background: #DAD8D9;
background: -moz-linear-gradient(top, #F0F0F0 , #DAD8D9 );
background: -webkit-linear-gradient(top, #F0F0F0 ,#DAD8D9 );
padding: 4px 7px;
margin: 0px 5px 0px 0px;
text-decoration: none;
color:#787D7E;
display: inline;
float: right;
border:1px solid #BEBEBE;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px
}
.showpageNum {float:right;}
.showpageNum a {
font-size:13px;
font-weight: bold;
background: #DAD8D9;
background: -moz-linear-gradient(top, #F0F0F0 , #DAD8D9 );
background: -webkit-linear-gradient(top, #F0F0F0 ,#DAD8D9 );
padding: 4px 7px;
margin: 0px 5px 0px 0px;
text-decoration: none;
color:#787D7E;
display: inline;
float: right;
border:1px solid #BEBEBE;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px
}
.showpageNum a:hover {
background: #D1E0E5;
background: -moz-linear-gradient(top,#EEF3F6,#D1E0E5);
background: -webkit-linear-gradient(top,#EEF3F6,#D1E0E5);
text-decoration: none;
border:1px solid #BEBEBE;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px
}
.showpagePoint {
font-size:13px;
font-weight: bold;
background: #4A4A4A;
padding: 4px 7px;
margin: 0px 5px 0px 0px;
text-decoration: none;
color: #FFFFFF;
display: inline;
float: right;
border:1px solid #BEBEBE;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px
}
.showpageOf {
font-weight: bold;
background: #DAD8D9;
background: -moz-linear-gradient(top, #F0F0F0 , #DAD8D9 );
background: -webkit-linear-gradient(top, #F0F0F0 ,#DAD8D9 );
padding: 4px 7px;
margin: 0px 5px 0px 0px;
text-decoration: none;
color:#787D7E;
display: inline;
float: right;
border:1px solid #BEBEBE;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px
}
.showpage a {
background: #DAD8D9;
background: -moz-linear-gradient(top, #F0F0F0 , #DAD8D9 );
background: -webkit-linear-gradient(top, #F0F0F0 ,#DAD8D9 );
padding: 4px 7px;
margin: 0px 5px 0px 0px;
text-decoration: none;
color:#787D7E;
display: inline;
float: right;
border:1px solid #BEBEBE;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px
}
.showpage a:hover {
background: #D1E0E5;
background: -moz-linear-gradient(top,#EEF3F6,#D1E0E5);
background: -webkit-linear-gradient(top,#EEF3F6,#D1E0E5);
text-decoration: none;
border:1px solid #BEBEBE;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px
}
======================================
حل مشكلة الترقيم والتسميات
تحدثنا في البداية عن وجود مشكلة بين الترقيم والتسميات عند دخول احد الاقسام تكون أعداد المواضيع بعكس المحدد في الترقيم وللتخلص من تلك المشكلة
نبحث عن الكود التالي وتذكر ان تكون مؤشر على خانة توسيع العناصر
======================================
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
======================================
وابحث عن هذا بعد
======================================
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
======================================
ونستبدله بهذا الكود
======================================
<script type='text/javascript'>
var lblname = "<data:label.name/>";
lblname2 = encodeURIComponent(lblname);
var feedlink = '/search/label/' + lblname2+'?&max-results=5';
document.write('<a href="' + feedlink + '">'+lblname+'</a>');
</script>
======================================
هذا فقط على الجافا سكربت عليك بتعير اللون فقط
======================================
<style type="text/css">#blog-pager{height: 28px;
padding: 10px 0 0;
overflow:hidden;
text-align:center;
}.showpageArea a {text-decoration:underline;
font-size: 16px;
text-align: center;}.showpageNum a {font-size:16px;text-decoration:none;border: 1px solid #cccccc;margin:0 5px;padding:5px;}.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}.showpagePoint {font-size:16px;text-decoration:none;border: 1px solid #cccccc;background: #216FD9;margin:0 5px;padding:5px;color:#ffffff;}.showpageOf {text-decoration:none;padding:5px;margin: 0 5px;}.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:5px;}.showpage a:hover {text-decoration:none;background: #cccccc;}.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}
</style> <a href="http://alsafrani.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://alsafrani.blogspot.com/" target="_blank" title="Latest Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://alsafrani.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script style='text/javascript'>
var postperpage=5;
var numshowpage=3;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script style='text/javascript' src='https://dl.dropboxusercontent.com/s/icju1ieawjolg4n/theblogger911.navi.js'></script>
======================================
0 تعليقات