Tạo phân trang cho blogger/ blogspot

Tao phân trang cho blogspot

Phân trang cho blog là một công việc cần thiết khi blog của bạn đã có khá nhiều bài viết nhiều hơn một trang, theo mặc định blogspot không phân chia trang blog thành thứ tự trang mà sử dụng cụm từ "bài đăng mới hơn/ cũ hơn" như thế này:

Điều này vừa không đẹp mà lại không xác định được số trang cũng như khó tìm kiếm nội dung, vậy như các trang web thông thường khác công việc của ta là sử dụng số để phân trang cho trang blog như hình dưới đây:

Cái này trông chuyên nghiệp và dễ nhìn hơn. 

Cách làm như sau: (nếu không chắc chắn lắm thì hãy sao lưu một bản mẫu HTML trước khi tiến hành nhé)

1. Truy cập phần cài đặt mẫu > chỉnh sửa HTML

2. Tìm đoạn mã sau: (Copy và dán vào khung tìm kiếm Ctrl+F)

]]></b:skin>

3. Thay thế bằng đoạn mã sau:

.showpageArea a {text-decoration:underline;}.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}.showpage a:hover {text-decoration:none;}.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}]]></b:skin>

4. Tìm tiếp thẻ:  </body>

5. Sửa lại thành:

<!--Page Navigation Starts--><b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><script type='text/javascript'>var pageCount=5;var displayPageNum=5;var upPageWord =&#39;Trang trước&#39;;var downPageWord =&#39;Trang sau&#39;;</script><script src='http://www.thuthuatweb.net/download/blogger_pagenavi_min.js' type='text/javascript'/></b:if></b:if><!--Page Navigation Ends --></body>

 6. Bạn cần thay đổi số lượng bài viết hiển thị trên 1 trang để phù hợp với mẫu trên là 5 bài viết trên một trang.
7. Lưu mẫu

Nguồn tham khảo bài viết: http://www.thuthuatweb.net/