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á
Traidatmui.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><script src="http://traidatmuidata.googlecode.com/files/paging-container.js" type="text/javascript"></script>
.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ạidisplay: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;
}
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
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:
Blogspot nâng cao
làm nhiều phần dài quá nó bị khoảng trắng -_-
Trả lờiXóaKhoả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óaThì 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
Trả lờiXóavì đê 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
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
Xóa[code]<script type="text/javascript"> NumberedPage(numPage=3,title="Nội dung",separator="|"); </script>[/code]
ý mình là nó nhảy lên đầu giống kiểu thêm # vào link ấy :)
Xóavì 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
:)
ĐÚNG CÁI MÌNH ĐANG CẦN TKS BÁC
Trả lờiXóaChúc bạn thành công
XóaBạ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óaNế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óaAD ơi, cái file js thứ 2 không down đc hở bác, bác cho e xin lun nhé
Trả lờiXóaTả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