Tạo phân trang cho nội dung bài viết (Với bài viết có nội dung dài) trong Blogspot

Điểm 4.6/5 dựa vào 87 đánh giá

Tạo phân trang cho nội dung bài viết trong BlogspotTraidatmui.com – Bài viết hôm nay mình chia sẻ cho các bạn 1 thủ thuật rất bổ ích đối với những blog đăng bài viết có nội dung dài, đặc biệt đối với blog đăng tải truyện, tiểu thuyết nhiều phần và nhiều tập. Thực ra thủ thuật này không mới mẻ và cũng có 1 số blogger chia sẻ, tuy nhiên mình đã nhận được nhiều bạn yêu cầu qua email nên mình chia sẻ để các bạn có thể tham khảo thêm. Với cách phân chia nội dung bài viết thế này sẽ rất giúp các bạn dễ dàng quản lý nội dung bài viết, việc đăng tải nội dung cũng logic hơn và giúp người độc dễ dàng thao tác hơn. Thủ thuật này thì bạn hoàn toàn có thể tùy chỉnh nội dung phần phía trước số phân trang thành trang 1, trang 2... hay nội dung 1, nội dung 2... Bạn có thể xem qua demo bên dưới để thấy rỏ hơn hoạt động của thủ thuật này.


» Bắt đầu thủ thuật

1. Đăng nhập vào tài khoản Blogger
2. Vào phần Mẫu (Template)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Chèn code bên dưới vào trước thẻ </head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<script src="http://traidatmuidata.googlecode.com/files/paging-container.js" type="text/javascript"></script>
5. Chèn tiếp code CSS bên dưới vào trước thẻ ]]></b:skin>
.nd-cut {
display:none;
}
.nd-page {
padding: 3px;
}
.nd-page a, .nd-page a.visited {
font-weight: bold;
text-decoration: none;
color: green;
}
.nd-page a:hover, .nd-page a.mcurrent {
text-decoration: underline;
color: blue;
}
6. Save template lại
7. Phân trang cho nội dung bài viêt

Để có thể phân chia nội dung của bài viết ra thành nhiều phần khác nhau thì bạn phải chèn thêm đoạn code bên dưới khi đăng bài.
<div id="noidung-all">
$modoan
Nội dung đoạn 1
$ketdoan

$modoan
Nội dung đoạn 2
$ketdoan

$modoan
Nội dung đoạn 3
$ketdoan
</div>

<script type="text/javascript"> NumberedPage(numPage=3,title="Nội dung",separator="|"); </script>

- $modoan là phần đánh dấu phần mở đầu của 1 đoạn
- $ketdoan là phần đánh dấu phần kết của đoạn đó

Bạn có thể thay số 3 thành số trang bạn muốn phân chia nội dung và thay Nội dung thành tên bạn muốn hiển thị trong mục phân trang, phía trước các số.

Như vậy là xong, khi bạn muốn phân chia nội dung bài viết nào thì chỉ cần đăng theo mẫu như bên trên là được.

Chúc bạn thành công!

Chuyên mục:

11 nhận xét

  1. làm nhiều phần dài quá nó bị khoảng trắng -_-

    Trả lờiXóa
    Trả lời
    1. Khoảng trắng tạo ra là do bạn không kéo thúc code lại thôi. Khi đăng nội dung bạn nên kéo các đoạn code đánh dấu đầu và cuối đoạn lại. Ví dụ $modoanNội dung$ketdoan. Tương tự mấy thẻ div cũng làm tương tự.

      Xóa
  2. Thì ra là vậy mình sửa lại được rồi votay, bạn cải tiến kiểu để mình để hiển thị trang ở cuối bài viết muốn ấn vào trang thì bật lên đầu luôn được không

    vì đê dưới cuối bấm màn hình cứ nhảy loạn hết lên ấy
    lúc thì giữa màn hình lúc thì bật xuống cuối
    thanks

    Trả lờiXóa
    Trả lời
    1. Phần phân trang chạy lên xuống là tùy thuộc vào độ dài của mỗi nội dung trong mỗi trang thôi. Còn bạn muốn di chuyển phần phân trang lên trên nội dung bài viết chỉ cần di chuyển đoạn code trong bước 7 lên trên phần $modoan Nội dung đoạn 1 $ketdoan
      [code]<script type="text/javascript"> NumberedPage(numPage=3,title="Nội dung",separator="|"); </script>[/code]

      Xóa
    2. ý mình là nó nhảy lên đầu giống kiểu thêm # vào link ấy :)


      vì thỉnh thoảng có trang bấm vào nó lại tụt xuống dưới người đọc lại phải kéo lên có phần hơi khó khăn
      :)

      Xóa
  3. ĐÚNG CÁI MÌNH ĐANG CẦN TKS BÁC

    Trả lờiXóa
  4. Bạn có cách nào để phân trang tự động không. Mình muốn post truyện dài mà thêm như này vất vả quá :D. Thăn bài viết hữu ích

    Trả lờiXóa
    Trả lời
    1. Nếu phân trang tự động thì nó đâu ngắt đoạn theo ý muốn mình được, nó đâu có biết mình phân đoạn chỗ nào được bạn.

      Xóa
  5. AD ơi, cái file js thứ 2 không down đc hở bác, bác cho e xin lun nhé

    Trả lờiXóa
    Trả lời
    1. Tải về bình thường mà bạn, bạn copy link mở tab mới hoặc dùng IDM tải về

      Xóa