Tạo phân trang có đánh số đẹp cho blogger

Theo mặc định của blogger và đa số các template miễn phí thì không có chức năng tự động phân trang cho blog. Có nghĩa là nó sẽ hiện “Older posts” hay “Newer post” chứ không có phân ra các trang có đánh số cho người đọc dễ theo dõi và thao tác. Bài viết sẽ giúp bạn tạo ra một phân trang như thế với sự hướng dẫn của Help Blogger.

Thêm CSS

1 Vào Blogger Dashboard > Template > Edit HTML

2 Click vào bất kỳ chỗ nào trong khung chỉnh sửa HTML > nhấn tổ hợp phím Ctrl + F để mở hộm tìm kiếm các câu lệnh

3 Bạn tìm đến thẻ ]]></b:skin> và paste đoạn code style mà bạn muốn ngay TRƯỚC nó. Dưới đây là các style cho bạn lựa chọn.

Chọn style

Có rất nhiều style cho bạn lựa chọn, tùy theo giao diện blog của mình, bạn hãy chọn style cho phù hợp.

Style 1

Style 2

Style 3

Style 4

Style 5

Style 6

Style 7

Nếu bạn muốn ẩn đi “First” and “Last” thì thêm đoạn code sau vào ngay SAU code CSS của style mà bạn chọn ở trên.

Thêm script CSS

4 Tìm đến thẻ </body>  và dán đoạn code sau ngay TRƯỚC

[Update] Nếu đường link  http://thinot4work....page-navigation2.js bị lỗi, bạn có thể download file page-navigation2.js  thay thế ở link này. Lưu ý, sau khi download file này về máy rồi, bạn cần upload nó lên một trang host nào đó cho phép up file javascript, rồi bạn dẫn link mới đến file page-navigation2.js và thay thế link đã bị hỏng ở trên.

Tùy chỉnh

Trong đoạn code trên có một số chỗ bạn có thể chỉnh lại sao cho phù hợp với blog mình nhất:

  • perPage: có bao nhiêu bài viết sẽ được hiện ở trong mỗi trang, mặc định là 7. Bạn chỉnh lại sao cho phù hợp với số lượng bài viết mà bạn đã thiết lập trong Settings của blog mình.
  • numPages: số lượng trang sẽ hiện trên thanh navigation (ở blog của mình, mình chọn số 3 và kết quả hiện thị là 123..5)
  • Thay các chữ “First“, “Last“, “Previous“, “Next” bằng các từ mà bạn mong muốn. 
5 Sau đó nhấn Save template.

Labels fix

Bạn sẽ gặp lỗi nếu hiển thị theo dạng label (nhãn bài đăng) bởi vì mặc định blogger thiết lập 20 bài viết trong mỗi trang khi bạn tìm theo label. Chúng ta sẽ thiết lập con số này nhỏ lại sao cho phù hợp với con số mà bạn đã thiết lập ở perPage.

6 Tìm TẤT CẢ dòng code sau (nó ở nhiều vị trí)

7 Thay thế nó bằng dòng code sau

Ở đây bạn thay số 7 trong max-results=7 bằng con số mà bạn đã gán cho perPage ở trên.

8 Save template lại và tận hưởng thành quả.

9 Mình quên hướng dẫn các bạn cách làm cho việc khi nhấn vào “nhãn” (label) trên thanh menu bạn tự tạo, thì nó cũng phân trang giống vậy.  Ví dụ ở đây nhãn bài đăng của mình là “LaTeX“, nó sẽ có đường link như sau

Bạn cần vào chỉnh sửa Template thêm vào NGAY SAU CUỐI của đường link này đoạn sau

Ở đây, cũng thay số 7 bằng con số bài đăng trên mỗi trang mà ở các bước trước bạn đã định. Blog của mình là 15. Tóm lại, link của nhãn LaTeX sau khi dán đoạn code trên vào hoàn chỉnh sẽ là

Bạn cũng áp dụng cho tất cả các nhãn khác của bạn. Bạn có thể xem ví dụ khi nhấn vão từng nhãn bài đăng trong blog mình.

Đinh Anh Thi

Đinh Anh Thi

Sáng lập Math2IT. Hiện Thi đang là nghiên cứu sinh tại Pháp về chuyên ngành Toán Ứng Dụng. Anh mong muốn tổng hợp và chia sẻ kiến thức Toán thực tế, Khoa học ứng dụng và Tin học thường thức đến tất cả mọi người dưới dạng dễ tiếp cận và tự nhiên nhất.

  • Math2IT

    Trước khi nhận xét “Không làm được”, xin bạn hãy THỬ LẠI MỘT LẦN NỮA và đảm bảo rằng KHÔNG BỎ SÓT bất cứ bước nào ở trên.