 |
| Thủ thuật blog - Phân trang cho blogspot trên 3000 bài |
Page Navigation có nhiều phiên bản. Nhưng trong quá trình trải nghiệm, cũng như tham khảo những ý kiến phản hồi của các Blogger trong và ngoài nước,Theo đánh giá của Adam Thiên thì tiện ích Page Navigation do Abu-Farhan phát triển là hoàn thiện nhất, do khắc phục được các nhược điểm “chết người” như :
- Chỉ hỗ trợ tên miền .blogspot.com
- Chỉ hỗ trợ tối đa 500 bài viết
- Phải đọc tất cả các JSON file và vì vậy, nếu blog bạn có quá nhiều bài viết thì thời gian tải trang sẽ rất “khủng”
- Tốn nhiều thời gian để tính toán tất cả các bài viết hiện có.
- Phải can thiệp vào script để chèn Blog ID…v.v…
Lần trước chúng tôi đã giới thiệu Numbered Page Navigation dạng trượt, hôm nay tôi sẽ giới thiệu dạng tĩnh, và tất cả chúng đều do Abu-Farhan phát triển:
Bạn có thể xem Demo tại đây: http://coba-irrestible.blogspot.com/
Ảnh minh họa:
 | ||
| Phân trang cho blogger |
Quy trình gồm các bước cơ bản sau:
Bước 1: Đăng nhập vào Blog
Bước 2: Vào mẫu
Bước 3:Chỉnh sửa HTML (không cần mở rộng tiện ích)
Bước 4: Thêm đoạn code sau vào trước thẻ ]]></b:skin> .
showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd;
}
.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}
.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666;
text-decoration: none;
}
Bước 5: Chèn đoạn code sau vào trước thẻ đóng </body><script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=8;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js'
type='text/javascript'></script>
Bước 6: Tìm tất cả các đoạn code có dạng :
'data:label.url'
Và thay bằng:
'data:label.url + "?&max-results=8"'
- Với 8 là số bài viết sẽ hiển thị trên mỗi trang
* Lưu ý : giá trị max-result phải bằng giá trị postperpage (8) trong đoạn code ở bước 3
Bước 7: P/s: Mẫu này bị tác giả chèn chữ ký dưới mỗi phân trang, bạn nào muốn bỏ thì tải file javarscip bên dưới về Uload lên host google code và thay vào bên trên nha..
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}('5 L;5 m;5 l;5 w;1m();F 1a(a){5 b=\'\';M=I(O/2);4(M==O-M){O=M*2+1}D=l-M;4(D<1)D=1;j=I(a/n)+1;4(j-1==a/n)j=j-1;E=D+O-1;4(E>j)E=j;b+="<3 6=\'1z\'>1w "+l+\' / \'+j+"</3>";5 c=I(l)-1;4(l>1){4(l==2){4(m=="s"){b+=\'<3 6="1u"><a h="\'+C+\'">\'+U+\'</a></3>\'}9{b+=\'<3 6="k"><a h="/u/v/\'+w+\'?&7-o=\'+n+\'">\'+U+\'</a></3>\'}}9{4(m=="s"){b+=\'<3 6="k"><a h="#" y="K(\'+c+\');z A">\'+U+\'</a></3>\'}9{b+=\'<3 6="k"><a h="#" y="J(\'+c+\');z A">\'+U+\'</a></3>\'}}}4(D>1){4(m=="s"){b+=\'<3 6="k"><a h="\'+C+\'">1</a></3>\'}9{b+=\'<3 6="k"><a h="/u/v/\'+w+\'?&7-o=\'+n+\'">1</a></3>\'}}4(D>2){b+=\' ... \'}18(5 d=D;d<=E;d++){4(l==d){b+=\'<3 6="1s">\'+d+\'</3>\'}9 4(d==1){4(m=="s"){b+=\'<3 6="k"><a h="\'+C+\'">1</a></3>\'}9{b+=\'<3 6="k"><a h="/u/v/\'+w+\'?&7-o=\'+n+\'">1</a></3>\'}}9{4(m=="s"){b+=\'<3 6="k"><a h="#" y="K(\'+d+\');z A">\'+d+\'</a></3>\'}9{b+=\'<3 6="k"><a h="#" y="J(\'+d+\');z A">\'+d+\'</a></3>\'}}}4(E<j-1){b+=\'...\'}4(E<j){4(m=="s"){b+=\'<3 6="k"><a h="#" y="K(\'+j+\');z A">\'+j+\'</a></3>\'}9{b+=\'<3 6="k"><a h="#" y="J(\'+j+\');z A">\'+j+\'</a></3>\'}}5 e=I(l)+1;4(l<j){4(m=="s"){b+=\'<3 6="k"><a h="#" y="K(\'+e+\');z A">\'+17+\'</a></3>\'}9{b+=\'<3 6="k"><a h="#" y="J(\'+e+\');z A">\'+17+\'</a></3>\'}}5 f=B.1r("1q");5 g=B.1o("1F-1E");18(5 p=0;p<f.Z;p++){f[p].15=b}4(f&&f.Z>0){b=\'\'}4(g){g.15=b}}F 12(a){5 b=a.1n;5 c=I(b.1x$1v.$t,10);1a(c)}F 1m(){5 a=x;4(a.i("/u/v/")!=-1){4(a.i("?V-7")!=-1){w=a.H(a.i("/u/v/")+14,a.i("?V-7"))}9{w=a.H(a.i("/u/v/")+14,a.i("?&7"))}}4(a.i("?q=")==-1&&a.i(".1t")==-1){4(a.i("/u/v/")==-1){m="s";4(x.i("#G=")!=-1){l=x.H(x.i("#G=")+8,x.Z)}9{l=1}B.16("<r Q=\\""+C+"P/S/Y?7-o=1&R=N-X-r&T=12\\"><\\/r>")}9{m="v";4(a.i("&7-o=")==-1){n=1p}4(x.i("#G=")!=-1){l=x.H(x.i("#G=")+8,x.Z)}9{l=1}B.16(\'<r Q="\'+C+\'P/S/Y/-/\'+w+\'?R=N-X-r&T=12&7-o=1" ><\\/r>\')}}}F K(a){W=(a-1)*n;L=a;5 b=B.1b(\'1c\')[0];5 c=B.1d(\'r\');c.1e=\'1f/1g\';c.1h("Q",C+"P/S/Y?1i-1j="+W+"&7-o=1&R=N-X-r&T=13");b.1k(c)}F J(a){W=(a-1)*n;L=a;5 b=B.1b(\'1c\')[0];5 c=B.1d(\'r\');c.1e=\'1f/1g\';c.1h("Q",C+"P/S/Y/-/"+w+"?1i-1j="+W+"&7-o=1&R=N-X-r&T=13");b.1k(c)}F 13(a){11=a.1n.1y[0];5 b=11.1l.$t.H(0,19)+11.1l.$t.H(1A,1B);5 c=1C(b);4(m=="s"){5 d="/u?V-7="+c+"&7-o="+n+"#G="+L}9{5 d="/u/v/"+w+"?V-7="+c+"&7-o="+n+"#G="+L}1D.h=d}',62,104,'|||span|if|var|class|max||else||||||||href|indexOf|maksimal|showpage
Num|nomerhal|jenis|postperpage|results|||script|page||search|label|lblname1|urlactivepage|onclick|return|false|
document|home_page|mulai|akhir|function|PageNo|substring|parseInt|redirectlabel|redirectpage|nopage|nomerkiri|
json|numshowpage|feeds|src|alt|posts|callback|upPageWord|updated|jsonstart|in|summary|length||post|hitungtotaldata|finddatepost||
innerHTML|write|downPageWord|for||loophalaman|getElementsByTagName|head|createElement|type|text|javascript|setAttribute|
start|index|appendChild|published|halamanblogger|feed|getElementById|20|pageArea|getElementsByName|showpagePoint|html|
showpage|totalResults|Trang|openSearch|entry|showpageOf|23|29|encodeURIComponent|location|pager|blog'.split('|'),0,{}))
Chúc các bạn thành công trên môi trường internet!
.jpg)
0 nhận xét:
Speak up your mind
Tell us what you're thinking... !