"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"

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!

Xem khác cùng chủ đề

11 nhận xét | Viết lời bình

2/23/2013 11:22:00 CH Trả lời

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

Admin
2/24/2013 02:34:00 SA Trả lời

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ự.

2/26/2013 10:50:00 CH Trả lời

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

Admin
2/26/2013 11:26:00 CH Trả lời

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]

2/27/2013 12:42:00 SA Trả lời

ý 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
:)

3/25/2014 12:03:00 SA Trả lời

ĐÚNG CÁI MÌNH ĐANG CẦN TKS BÁC

Admin
3/25/2014 04:13:00 SA Trả lời

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

3/25/2014 06:47:00 CH Trả lời

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

Admin
3/26/2014 05:18:00 CH Trả lời

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.

3/27/2014 07:03:00 SA Trả lời

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

Admin
3/28/2014 02:54:00 SA Trả lời

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ề

Bạn nhập từ: cungly Bạn nhập từ: lleu Bạn nhập từ: kkrong Bạn nhập từ: cuoilon Bạn nhập từ: roile Bạn nhập từ: hehehe Bạn nhập từ: byebye Bạn nhập từ: idontknow Bạn nhập từ: votay more »

Giải pháp bán hàng online Số 1 Việt Nam
Lên đầu trang Xuống cuối trang