Một bài viết dài thiệt là dài mà bắt người khác kéo xuống để đọc hết thì thiệt là mệt. Nên cần phân trang phân đoạn ra cho người ta dễ đọc và còn ham muốn mà đọc. Đặc biệt các bài viết về truyện thì rất cần cái này.
Việc phân trang bài viết này cũng đơn giản và nhẹ nhàng thôi, chỉ cần copy và đặt đúng chỗ là chạy liền hà. Dễ như ăn ơn ấy mà.
Copy css dưới và dán vào phía trên ]]></b:skin> thôi
Copy Javascript và dán vào trước </head>
Bỏ phần này vào đầu trang hoặc vị trí nào muốn bắt đầu phân trang
Bỏ phần này vào chỗ muốn tách trang
Bỏ phần này vào cuối bài đăng
Phần này thì bỏ vào vị trí nào mình muốn hiện phần phân trang để bấm chuyển trang
Nếu phân ra nhiều trang thì chỉnh numPage cho phù hợp với bài mình đăng.
Không thích chỉ Trang thì thay chữ Trang tại tittle= lại là được.
Việc phân trang bài viết này cũng đơn giản và nhẹ nhàng thôi, chỉ cần copy và đặt đúng chỗ là chạy liền hà. Dễ như ăn ơn ấy mà.
/*phân trang bài viết dài*/
#spaging-container,#snumber-container{width:100%}
.spage183{display:none}
.sitem183{padding:3px}
.sitem183 a,.sitem183 a.visited{font-weight:bold;text-decoration:none;color:green}
.sitem183 a:hover,.sitem183 a.current183{text-decoration:underline;color:blue}
Copy Javascript và dán vào trước </head>
<!-- phan trang bai viet dai -->
<script type='text/javascript'>
//<![CDATA[
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}('$(h).M(c(){s();$(".6:r").z("I","L");$(".5:r a").p("g");$(".7-3 a").C(c(){9 b=$(t).y("k");b=B(b)-1;$(".6").G();$(".5 a").H("g");$("#l-3 > 2.6:R("+b+")").P();$(t).p("g");u v})});c s(){9 a=h.w(\'l-3\');d=a.o.m(/\\$A/n,\'<2 4="6">\');d=d.m(/\\$D/n,\'</2><2 4="E"></2>\');a.o=d}c F(j,f,q){h.J(\'<2 4="7-3" K="7-3"></2>\');9 i=1;9 8="";N(i<=j){O(j-i!=0){8+="<e 4=\'5\'><a k=\\""+i+"\\">"+f+" "+i+"</a></e> "+q+" "}Q{8+="<e 4=\'5\'><a k=\\""+i+"\\">"+f+" "+i+"</a></e> "}i++}$("#7-3").x(8)}',54,54,'||div|container|class|sitem183|spage183|snumber|txt|var||showPage|function|nd|span|name|current183|document||num|href|spaging|replace|gi|innerHTML|addClass|sep|first|CreateItems|this|return|false|getElementById|html|attr|css|pageIn|parseInt|click|pageOut|clear|NumberedPage|hide|removeClass|display|write|id|block|ready|while|if|fadeIn|else|eq'.split('|'),0,{}))
//]]> </script>
Bỏ phần này vào đầu trang hoặc vị trí nào muốn bắt đầu phân trang
<div id="spaging-container">
$pageIn
Bỏ phần này vào chỗ muốn tách trang
$pageOut
$pageIn
Bỏ phần này vào cuối bài đăng
$pageOut
</div>
Phần này thì bỏ vào vị trí nào mình muốn hiện phần phân trang để bấm chuyển trang
<script type="text/javascript">
NumberedPage(
numPage = 3, // Số trang cần phân
title = "Trang", // Chữ cần hiển thị như Phần 1 hoặc Trang 1
separator = "|" // Kí tự ngăn cách
);
</script>
Nếu phân ra nhiều trang thì chỉnh numPage cho phù hợp với bài mình đăng.
Không thích chỉ Trang thì thay chữ Trang tại tittle= lại là được.
Cảm ơn ad đã viết bài khá hay ạ. em đã làm theo và đã thành công. Nhưng tiêu đề phân trang lại nằm dưới cuối bài. Có cách nào cho nó lên đầu không ạ?
Trả lờiXóaBạn đặt đoạn script lên đầu trang là được.
Xóa