Phân Trang cho bài viết dài trên blogspot.

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

/*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.

2 Nhận xét

  1. 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óa
    Trả lời
    1. Bạn đặt đoạn script lên đầu trang là được.

      Xóa
Đăng nhận xét
Mới hơn Cũ hơn