Nếu có một bài viết quá dài sẽ dẫn tới không đẹp mắt, ảnh hưởng ít nhiều đến SEO, Và gây ức chế cho người xem khi cứ phải kéo chuột để xem. Vậy tại sao bạn không chia nhỏ nó ra bằng cách phân trang trên chính bài viết đó. Bài viết này namkna sẽ hướng dẫn các bạn cách phân trang cho bài viết quá dài.
Các bạn có thể xem Demo:
.
☼ Cách tiến hành:
1- Đăng nhập vào Blog
2- Vào Mẫu
3- Chọn Chỉnh sử HTML (Edit HTML).
4- Thêm đoạn code sau vào trước thẻ </head>.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <script src="http://dl.dropbox.com/u/70549761/Navigation/namkna-blogspot-com/PagingInPost-min.js" type="text/javascript"></script>
5- Thêm đoạn code sau vào trước thẻ ]]></b:skin> .
#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; }
6. Bấm Lưu mẫu
7. Để phân trang trong bài viết, khi đăng bài bạn hãy chuyển sang chế độ soạn thảo bằng HTML để dán vào đoạn code sau:
<div id="spaging-container"> $pageIn Nội dung trang 1 $pageOut $pageIn Nội dung trang 2 $pageOut $pageIn Nội dung trang 3 $pageOut </div>Trong đó:
Thay nội dung trang 1,2,3 thành đoạn văn bản. Dùng $pageIn để bắt đầu cho một trang và $pageOut để kết thúc trang, phần này bạn có thể soạn thảo bình thường.
Để thêm 1 trang trong bài viết bạn chỉ cần thêm đoạn code bên dưới vào trước thẻ đóng </div> ở trên.
$pageIn Nội dung trang n $pageOut
8. Tiếp theo là vị trí đặt phần phân trang. Thường cuối bài viết. Bạn chọn phần soạn thảo HTML của bài viết và pate đoạn code sau vào:
<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>9. Bấm Xuất bản bài đăng và xem thành quả nha.
Nhận xét
Lâu lâu rùi mới thấy Nam viết thủ thuật nhể. Dạo này học hành thi cử thể nào ? Ổn cả chứ ?
Trả lờiXóaLâu rồi mới ghé thăm blog bạn, rãnh thì ghé sang web mình để tải game sex cho android và game android, và để chơi game dien thoai nhé. Đặc biệt game cho android được tải miễn phí 100% đó.
Trả lờiXóaChào bạn!
Trả lờiXóaMình đã thực hiện được phân trang cho bài viết rồi. Chỉ có điều ở chỗ thay nội dung trang 1,2,3 là đoạn văn bản thì mình lại thay bằng một đoạn code video, no vẫn hoạt động được nhưng khi chạy video1 mà bấm video2 hay 3 thì chạy cả 3 video một lúc. Bạn có cách nào giúp mình sửa lại là bấm vào video nào thì video đó chạy không, Giống như trang xem phim của bạn ấy.!
thask
Trả lờiXóa@BS.KuTu Cảm ơn bạn. Mình đã tốt nghiệp và đang thất nghiệp rùi :)))
Trả lờiXóaBlog bạn dào này vẫn phát triển tốt chứ!
@hai nguyen Bạn xem bài này nha: Nâng cấp ANCMedia Player cho trang phim
Trả lờiXóa@mongconnennguoi.com Không có gì đâu bạn.
Trả lờiXóaNhận xét này đã bị tác giả xóa.
Trả lờiXóaUhm! Mình Chưa thử nhưng vẫn cảm ơn bạn rất nhiều.
Trả lờiXóaHay quá, cảm ơn bạn nhé!
Trả lờiXóa@Mask Rất vui vì hữu ích với bạn.
Trả lờiXóabạn ơi sao mình làm như bạn mà chèn vô htlm xem thử thì nó hiện ra $pageIn lun. và ko phân trang đc. bạn bày mình post bài kiểu này vs :(
Trả lờiXóaAnh ơi cho em hỏi tý.
Trả lờiXóaEm làm cái code phân trang này,nhưng khi load vào bài viết nó không tự thu gọn lại thành các trang nhỏ mà phải bấm vào "Trang 1" thì nó mới thu gọn lại. Có cách khắc phục không ạ?
@HƯNG OLE Bạn chèn vào phần HTMl của bài viết mí được nha.
Trả lờiXóa@Huy Thiệu Em lưu ý code ở bước 7 và bước 8 phải phù hợp với nhau nha.
Trả lờiXóa- Ví dụ ở bước 7 là 5 trang thì bước 8 em phải sửa numPage = 3, thành numPage = 5,
Thank ban nhe.....
Trả lờiXóahttp://onlgame.blogspot.com/2012/12/mmo-game-minh-chau-2-online-android-java.html
Cái này có auto đươc không Namkna ! thank namkna nhiều
Trả lờiXóaBạn phải chèn thủ công đoạn code:
Xóa$pageOut
$pageIn
anh ơi, em muốn cái số page nó vào trong 1 ô vuông thì phải làm sao ạ?
Trả lờiXóaEm sửa:
Xóa.sitem183 {
padding: 3px;
}
Thành:
.sitem183 {
color:#fff;font:bold 12px Arial;text-transform:none;margin:0;padding:5px 5px;background:#555;border:1px solid #111
}
test thử xem thế nào
Trả lờiXóaBạn ơi, mình đã làm theo chỉ dẫn nhưng sao bị lỗi: chỉ có trang 1 hiển thị còn bấm sang trang 2, trang 3 đều không có gì cả? giúp mình với!
Trả lờiXóaxem cách khắc phục tại đây: Sửa lỗi không phân trang khi xem theo nhãn
XóaBác ơi, có cách nào đổi tên nhãn như Trang 1, Trang 2, v.v. thành các tên mà mình muốn mà không theo quy luật không? Và bác có cách nào cho nó hiện lên đầu chứ không phải là cuối trang không?
Trả lờiXóaCó thể đổi theo ý bạn nhưng sẽ phải viết lại file js bạn ak.
Xóachào anh namka..cho em hỏi sao em ấn vào trang 2 thì nội dung trang 2 không hiện ra thế ạ :(( ..anh giúp em với nhé,tiện ích anh đem ra hay quá ạ :(
Trả lờiXóahttp://tinchuctet2014.blogspot.com/2013/09/em-la-co-gai-ngoan-nhung-dai.html
Tất cả các thao tác khi đăng bài dạng này em thực hiện trong tab HTML của bài viết và khồng chỉnh qua lại với tab VIẾT bài na,
XóaLàm sao để cho cái navi này xuất hiện theo label mình muốn nhỉ ? VD có 1 số trang cố định nó có 30 bài mình ko muốn phân trang và 1 số label mình muốn phân ...có cách nào không nhỉ
Trả lờiXóaEm có thể xem bài viết này nha: Chỉ hiển thị widget (tiện ích) khi xem các bài viết của một nhãn nhất định
XóaNhận xét này đã bị tác giả xóa.
Trả lờiXóaNhận xét này đã bị quản trị viên blog xóa.
Trả lờiXóaBạn ơi cho mình hỏi blogspot có hỗ trợ nhảy trang(pagejump) không nhỉ? Ý mình là click vào một vị trí trên post thì nó nhảy đến một vị trí khác cũng trong post đó luôn chứ không phải chỉ đơn giản là nhảy đến đầu trang, cuối trang, giữa trang như bình thường. Cảm ơn bạn!
Trả lờiXóaCó bạn ak. Bạn xem bài viết này của mình để hiểu cách làm nha: Liên kết đến một vị trí đặc biệt trong một trang web
XóaCảm ơn bạn nhiều nhiều luôn í! Chúc bạn luôn thành công và trang web ngày càng đông khách nhé!
XóaKhông có gì rất vui vì giúp ích được cho bạn. Chúc bạn luôn vui vẻ và tiếp tục ủng hộ blog mình trong thời gian tới :)
XóaBạn cho mình hỏi là khi nhấn vào các trang thì nó toàn load giữa trang, có cách nào khắc phục để nó load về đầu tran không bạn
Trả lờiXóaNam ơi có cách nào tạo phân trang next và preview như những trang web đọc truyện không.
Trả lờiXóaVí dụ mình đang xem chương 3 bấm vào nút next nó sẽ chuyển sang chương 4, bấm vào preview nó sẽ chuyển về chương 2. tất cả các chương được đăng riêng biệt thành các bài viết khác nhau.
Và thêm một thắc mắc giống bạn Hiep Nguyen ở trên nữa đó là: "Bạn cho mình hỏi là khi nhấn vào các trang thì nó toàn load giữa trang, có cách nào khắc phục để nó load về đầu tran không bạn"
Đó chỉ là cách thức hoạt động của phần Older post và Never post bạn có thể làm theo bài viết này nha: Hiện Next & Previous kèm tiêu dề bài viết cho blogger
XóaCòn hiện ở giữa bài viết nguyên nhân chính là ta đặt nó ở dưới cuối bài viết đoạn code đó bạn.
Hj, bạn nói mình không hiểu gì hết ? bạn giải thích kỹ được không ?
XóaVới cách đang xem chương 3 bấm vào nút next nó sẽ chuyển sang chương 4, bấm vào preview nó sẽ chuyển về chương 2. tất cả các chương được đăng riêng biệt thành các bài viết khác nhau. => Bạn làm như liên kết mình đưa bên trên là được.
Xóa- Với phần hiển thị ở giữa bài đây chỉ là code làm ẩn phần nội dung giữa các trang thôi bạn ak. Nên nó vẫn load toàn bộ nội dung bài đăng như vậy khi bạn chuyển sang trang mới thực chất vẫn là đang xem bài đó nên nó nằm ở giữa trang. Bạn có thể mở file js của mình ở trên ra sẽ thấy rõ. Tất nhiên vẫn cho lên đầu trang được nhưng như vấy sẽ làm chậm blog bạn đi rất nhiều đó.
chào bạn ,mình cũng đã làm được phân trang kiểu này rồi nhưng bạn cho mình hỏi có cách nào phần trang trên cả 2 bài đăng trên blogspot dc không vậy ,mình làm phân trang nó chỉ có trên mỗi bài đăng blogspot đầu tiên thôi ak
Trả lờiXóahttp://gameaumobi.blogspot.com/
Được chứ bạn. bạn chỉ cần áp dụng cho từng bài viết ở bước 6 thôi.
Xóathank bạn rất nhiều .mong bạn có thêm nhiều sức khỏe để chia sẻ kinh nghiệm của mình nhé !
XóaKhông có gì rất vui vì bạn luôn ủng hộ blog mình trong xuốt thời gian qua :)
XóaHy vọng bạn tiếp tục ủng hộ mình trong thời gian tới.
Nhận xét này đã bị quản trị viên blog xóa.
Trả lờiXóaAnh ơi sao blog của em nó không hiện chỗ phân trang. Kiểu như Trang 1 | Trang 2... Nó chỉ hiện mỗi nội dung trang thôi. Như vậy là sao hả anh? Em tưởng tại xung đột jquery.min.js. Nhưng xoá hết jquery.min.js ở blog thì cũng vẫn không hiển thị >_< Giúp em với
Trả lờiXóaSau khi thêm code vào phần HTML bài viết tuyệt đối không chuyển qua lại giữa tab VIẾT và tab HTML. Nếu em chuyển qua lại code sẽ bị lỗi đó nha.
Xóaanh ơi sao cái của em làm y như anh nhưng mà lại bị lỗi vậy?http://zing1000.blogspot.com/2014/06/tho-che-hay-nhat-phan-1-tho-che-1.html
Trả lờiXóagiúp em với anh,cảm ơn nhiều .
Nó hoạt động tốt đó chứ e,
XóaEm phân trang cho bài viết được rồi. Nhưng mấy slider ở Trang chủ nó lại không chạy nữa a ạ. Có cách nào sửa không a?
Trả lờiXóaXung đột Jquyery thôi em. E có thể chèn đoạn code bước 4 vào giữa 2 đoạn code bên dưới trước khi chèn nó vào blog nha.
Xóa<b:if cond='data:blog.pageType != "index"'>
Code bước 4
</b:if>
Anh Nam ơi cho em hỏi. Có cách nào giúp chuyển phân trang thì tính là một view được không anh?
Trả lờiXóaGoogle vẫn tính chuyển là một view mà em. nhưng dó là xem trang index chứ ko tính cho trang bài viết được.
Xóađào tạo bài bản từ hãng Konica Minolta, Công ty STS luôn mang đến dịch vụ bảo trì bảo hành tốt nhất cho k in tem vỡ tại hà nội
Trả lờiXóarong tích tắc, bẻ khóa xe ở chốn đông người, ...Nhiều vụ trộm trước các camera quan sáng tại của hàng ghi lại cho t
nam ngoc cau
ba kích
in trước đó trên lô chà. Các lô trung gian: là các lô chuyển động được dựa vào sự tiếp xúc với các lô chuyển động khác có nối kết với bộ phận truyền chuyển động, các lô trung gian nằm ở giữa lô chuyền và lô
Nếu có một bài viết in thẻ nhựa quá dài sẽ dẫn tới in kỷ yếu không đẹp in phong bì mắt, ảnh hưởng ít nhiều đến SEO, Và gây ức chế cho người xem khi cứ phải kéo chuột để xem. Vậy tại sao in thẻ nhân viên bạn không chia nhỏ nó ra bằng cách phân trang trên chính bài viết đó. Bài viết này namkna sẽ hướng In thẻ VIP dẫn các Mẫu phong bì đẹp
Trả lờiXóabạn cách phân trang cho bài viết Mẫu kỷ yếu đẹp quá dài.