Nếu bạn đã từng sử dụng phân trang có đánh số cho nền tảng blogspot thì chắc cũng đã biết nó hoạt động dựa trên số bài đăng trên trang chính do ta quy định. Tuy nhiên dữ liệu này trong hệ thống mã XML của blogger không có thẻ nào gọi được nó dẫn đến việc mỗi khi thay đổi số bài đăng ta lại mất công vào sửa lại giá trị perPage cho trùng khớp để phân trang chính xác
Vấn đề này hoàn toàn có thể khắc phục đơn giản bằng 1 dòng js. Nhưng quan trọng là bạn cần biết trỏ selector cho chuẩn
Trước tiên bạn vào trang homepage của mình và bật cửa sổ kiểm tra phần tử lên (đa số là F12 hoặc một số trình duyệt có chữ Inspect cũng chính là nó).
Bạn mở rộng/thu hẹp để tìm đến div có class là widget Blog, trong div này thường sẽ có 1 div con có class là "blog-posts xxx"
Bạn tiếp tục mở rộng div đó ra, bên trong nó sẽ là rất nhiều div có cấu trúc giống nhau (vì nó là vòng lặp mà).
Nếu bạn đếm trong div đó có số div con bằng số bài đăng thì tức là đã đến đích trỏ selector
Như ví dụ trên tôi sẽ dùng js định nghĩa lại biến perPage như sau
var perPage;
$.get(document.location.origin, function(i) {
perPage = $("<div></div>").append(i).find(".blog-posts .post-outer").length;
}, "html")
Một ví dụ khác, với template này đã set 11 bài đăng nhưng bên trong nó chỉ có 5 thẻ div như vậy đây vẫn chưa phải là đích đến cuối cùng
Quá trình mở rộng tiếp tục cho đến khi tìm được div bao bọc cho 1 bài đăng
Với temp này code sẽ là
var perPage;
$.get(document.location.origin, function(i) {
perPage = $("<div></div>").append(i).find(".blog-posts .post").length;
}, "html")
Sở dĩ tôi phải đưa ra nhiều trường hợp như vậy để bạn biết cách xác định được 1 bài đăng được div nào chứa từ đó trỏ selector cho chuẩn
Và đương nhiên cũng sẽ không có một code cố định nào cho bài viết này vì ai mà biết được ông lập trình ra template đặt id class như nào
Như vậy với thủ thuật đơn giản này bạn cũng sẽ không cần lo lắng mỗi khi bán/share template cho người khác dùng luôn phải chơi cái note "đổi số bài đăng nhớ đổi giá trị perPage nhé 😀"
Chúc bạn thành công !
1. Không vi phạm luật pháp nước CHXHCN Việt Nam
2. Không vi phạm thuần phong mỹ tục Việt Nam
3. Không bàn luận vấn đề liên quan đến tôn giáo, chính trị
4. Không đả kích, chửi bới hay đưa ra những lời nói không phù hợp với mục tiêu của website
5. Không bình luận với mục đích quảng cáo, trao đổi, mua bán
6. Khuyến khích sử dụng Tiếng Việt có dấu, hạn chế sử dụng tiếng lóng, viết tắt
7. Khi cần sự trợ giúp, vui lòng miêu tả chi tiết lỗi và để lại link đính kèm, tránh nói chung chung gây mất thời gian cho đôi bên
var postperpage=15;
hoặc
var perpage=15;