مجموعه من الترقيم لصفحات البلوجر لمدونتك برمجيه وجافا سكربت
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>
======================================
======================================
ليست هناك تعليقات:
إرسال تعليق