Thứ Sáu, 1 tháng 2, 2013

Cập nhật lỗi phân trang với các mẫu tải trước ngày 2/12/2013

| | 0 nhận xét
Numbered Page Navigation – Phân trang cho Blogspot
Do đoạn scipt cũ namkna giới thiệu bị lỗi nên mình cập nhật đối với các bạn tải về trước ngày 2/2/2013 áp dụng.
Template này dược namkna hoàn thiện lần cuối ngày 17/04/2013.
1. Đăng nhập vào blog
2- Chọn Chỉnh sửa HTML
3- Tìm đoạn code sau:
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/paginator3000.js' type='text/javascript'/>      
<script type='text/javascript'>       
var home_page=&quot;/&quot;;       
var urlactivepage=location.href;       
var postperpage=5;       
var numshowpage=6;       
</script>       
<script src='http://dl.dropbox.com/u/70549761/Navigation/namkna-blogspot-com/paginator3000-forblogger-v1.0.0.js' type='text/javascript'/>
- Thay thế thành:
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
var pageCount=6;
var displayPageNum=2;
var upPageWord ='« Previous'
var downPageWord ='Next »';
function showpageCount(x){var C=home_page_url;var E=new Array();var y=1;var H=1;var v=0;var p=0;var G=0;var F="";var J="";var w="";for(var z=0,A;A=x.feed.entry[z];z++){var u=A.published.$t.substring(0,19)+A.published.$t.substring(23,29);timestamp=encodeURIComponent(u);var i=A.title.$t;if(i!=""){if(v==0||(v%pageCount==(pageCount-1))){if(C.indexOf(timestamp)!=-1){y=H}if(i!=""){H++}E[E.length]="/search?updated-max="+timestamp+"&max-results="+pageCount}}v++}for(var D=0;D<E.length;D++){if(D>=(y-displayPageNum-1)&&D<(y+displayPageNum)){if(p==0&&D==y-2){if(y==2){J='<span class="showpage"><a href="/">'+upPageWord+"</a></span>"}else{J='<span class="showpage"><a href="'+E[D]+'">'+upPageWord+"</a></span>"}p++}if(D==(y-1)){F+='<span class="showpagePoint">'+y+"</span>"}else{if(D==0){F+='<span class="showpageNum"><a href="/">1</a></span>'}else{F+='<span class="showpageNum"><a href="'+E[D]+'">'+(D+1)+"</a></span>"}}if(G==0&&D==y){w='<span class="showpage"> <a href="'+E[D]+'">'+downPageWord+"</a></span>";G++}}}if(y>1){F=""+J+" "+F+" "}F='<div class="showpageArea">'+F;if(y<(H-1)){F+=w}if(H==1){H++}F+="</div>";var I=document.getElementsByName("pageArea");var B=document.getElementById("blog-pager");if(H<=2){F=""}for(var D=0;D<I.length;D++){I[D].innerHTML=F}if(I&&I.length>0){F=""}if(B){B.innerHTML=F}}function showpageCount2(A){var F=home_page_url;var G=new Array();var J=F.indexOf("/search/label/")!=-1;var M=J?F.substr(F.indexOf("/search/label/")+14,F.length):"";M=M.indexOf("?")!=-1?M.substr(0,M.indexOf("?")):M;var B=1;var L=1;var y=0;var p=0;var K=0;var I="";var P="";var z="";var N='<span class="showpageNum"><a href="/search/label/'+M+"?&max-results="+pageCount+'">';var F=home_page_url;for(var C=0,D;D=A.feed.entry[C];C++){var x=D.published.$t.substring(0,19)+D.published.$t.substring(23,29);timestamp=encodeURIComponent(x);var i=D.title.$t;if(i!=""){if(y==0||(y%pageCount==(pageCount-1))){if(F.indexOf(timestamp)!=-1){B=L}if(i!=""){L++}G[G.length]="/search/label/"+M+"?updated-max="+timestamp+"&max-results="+pageCount}}y++}for(var H=0;H<G.length;H++){if(H>=(B-displayPageNum-1)&&H<(B+displayPageNum)){if(p==0&&H==B-2){if(B==2){P=N+upPageWord+"</a></span>"}else{P='<span class="showpage"><a href="'+G[H]+'">'+upPageWord+"</a></span>"}p++}if(H==(B-1)){I+='<span class="showpagePoint">'+B+"</span>"}else{if(H==0){I=N+"1</a></span>"}else{I+='<span class="showpageNum"><a href="'+G[H]+'">'+(H+1)+"</a></span>"}}if(K==0&&H==B){z='<span class="showpage"> <a href="'+G[H]+'">'+downPageWord+"</a></span>";K++}}}if(B>1){if(!J){I=""+P+" "+I+" "}else{I=""+P+" "+I+" "}}I='<div class="showpageArea">'+I;if(B<(L-1)){I+=z}if(L==1){L++}I+="</div>";var O=document.getElementsByName("pageArea");var E=document.getElementById("blog-pager");if(L<=2){I=""}for(var H=0;H<O.length;H++){O[H].innerHTML=I}if(O&&O.length>0){I=""}if(E){E.innerHTML=I}}var home_page_url=location.href;var thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}var home_page="/";if(thisUrl.indexOf("?q=")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')}else{document.write('<script src="'+home_page+"feeds/posts/full/-/"+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')}};
//]]>
</script>
</b:if></b:if>
Sủa var pageCount=6; thành số bài muốn hiển thị trên một trang.
4- Tìm đoạn CSS sau:
.paginator{margin-top:2px;font-size:1em}
.paginator table{border-collapse:collapse;table-layout:fixed;width:100%}
.paginator table td{padding:0;white-space:nowrap;text-align:center}
.paginator span{display:block;padding:3px 0;color:#fff}
.paginator span strong,.paginator span a{padding:2px 6px}
.paginator span strong{background:#ff6c24;font-style:normal;font-weight:normal}
.paginator .scroll_bar{width:100%;height:20px;position:relative;margin-top:10px}
.paginator .scroll_trough{width:100%;height:3px;background:#ccc;overflow:hidden}
.paginator .scroll_thumb{position:absolute;z-index:2;width:0;height:3px;top:0;left:0;font-size:1px;background:#363636}
.paginator .scroll_knob{position:absolute;top:-10px;left:50%;margin-left:-10px;width:30px;height:24px;overflow:hidden;background:url(http://img692.imageshack.us/img692/6049/sliderknob.gif) no-repeat 50% 50%;cursor:pointer;cursor:hand}
.paginator .current_page_mark{position:absolute;z-index:1;top:0;left:0;width:0;height:3px;overflow:hidden;background:#ff6c24}
.fullsize .scroll_thumb{display:none}
.paginator_pages{width:600px;text-align:right;font-size:0.8em;color:#808080;margin-top:-10px}
- Thay thế thành:
/* phan trang */
#blog-pager a{display:block;padding:7px 10px;background:#0F83A0;color:white;border:1px solid #DDD}
#blog-pager a:hover{background:#F7F7F7;color:#0F83A0;text-decoration:none}
.showpageArea{float:left}
#blog-pager .showpageArea a{background:whiteSmoke;color:#292929;border:1px solid #DDD;display:inline-block}
#blog-pager .showpageArea a:hover,#blog-pager .showpagePoint{background:#0F83A0;color:white;display:inline-block;padding:7px 10px;border:1px solid #046A83}

Không có nhận xét nào:

Đăng nhận xét

Các bạn có thể để lại nhận xét tại đây

Support : Guide | Blogspot Tips | Television | ↑ back to top
Ghi rõ nguồn namkna.blogspot.com khi phát hành lại thông tin từ trang này
Copyright © 2011. six million namkna templte - All Rights Reserved
Design by Namkna
Xem tốt nhất ở độ phân giải 1024 x 768 pixel
Six million namkna template bynamkna