Cách thêm số trang vào blogspot

Cách thêm số trang vào blogspot. Đã có nhiều bài viết về vấn đề này, tất cả được thực hiện là rất phức tạp. Mời các bạn làm theo video hướng dẫn của mình: chỉ khoảng 30s là xong, không phải làm quá nhiều như hướng dẫn. Hiện tại, mã của tôi ở bên dưới

Mặc định Blogger không có đánh số trang mà chỉ đơn thuần là liên kết đến bài viết cũ hơn, lưu ý với liên kết đến bài viết mới hơn chỉ đúng với trang chủ không áp dụng cho các trang còn lại trong nhóm trang chỉ mục vì liên kết này khi được áp dụng sẽ quay về trang đầu tiên của bài viết đó loại trang.

Để thêm số trang theo số thứ tự cần sử dụng nguồn điện Tìm ngày đăng của một bài đăng cũ hơn hoặc mới hơn. Nếu bạn áp dụng cách này, blog của bạn sẽ tải trang chậm hơn một chút so với cách phân trang mặc định, nhưng ngược lại, cách phân trang sẽ nhanh chóng điều hướng đến trang bạn cần truy cập.

Ghi chú: Phân trang được đánh số không áp dụng cho loại trang kết quả tìm kiếm và cài đặt cho phép nguồn cấp dữ liệu blog.

Không biết Blog của bạn đã thêm phân trang từ trước hay vẫn để mặc định. Dưới đây mình chỉ hướng dẫn chung áp dụng cho cả Blogger có Layout phiên bản 1, 2, 3

Bước 1: Vào phần Chỉnh sửa chủ đề, chọn vào Blog1. phụ tùng

Bước 2: Tìm thẻ nhận dạng=‘chủ yếu’> hoặc nhận dạng=‘chủ yếu’ var=đứng đầu>

<b:includable id='main'>
<b:if cond='data:view.isMultipleItems and !data:view.search.query'>
  <nav class='page-numbers' id='blog-pager'></nav>
<b:elseif cond='data:view.search.query'/>
  <b:if cond='data:olderPageUrl'>
    <nav class='blog-pager'>
      <a expr:href='data:olderPageUrl.canonical' expr:title='data:messages.olderPosts'><data:messages.olderPosts/></a>
  </nav>
  </b:if>
</b:if>
</b:includable>

Bước 3: Chèn tập lệnh trước thẻ đóng

<b:if cond='data:view.isMultipleItems and !data:view.search.query'>
  <script>
    var home_page="<data:blog.canonicalHomepageUrl/>"
  //<![CDATA[
    var pageConf={
      numposts:10, // Số bài đăng của mỗi trang
      numpages:4, // Số thứ tự trang hiển thị
      next:'>', // Biểu tượng trang kế
      prev:'<', // Biểu tượng trang trước
      pagetext:'Trang', // Văn bản
      nexttext:'Trang kế', // Văn bản
      prevtext:'Trang trước' // Văn bản
    }
  //]]></script>
  <script src='https://vietblogdao.github.io/js/page-navigation.min.js'/>
</b:if>

Bước 4: bài cấu hình

Đi tới Cài đặt > Bài đăng, nhận xét và chia sẻ rồi chọn Mức độ hiển thị tối đa mười đăng trên trang chính (10 là số tùy chọn)

Trong phần chỉnh sửa Chủ đề HTML tìm các liên kết đến trang Nhãn thêm tham số “max-results=”, sau liên kết

+ Có link trực tiếp

href=’/tìm kiếm/nhãn/tên nhãn’

Đã sửa thành

href=’/search/nhãn/tên nhãn?max-results=mười‘ (10 là số tùy chọn)

+ Với dữ liệu liên kết dữ liệu

expr:href=’data:label.url’

Đã sửa thành

expr:href=’data:label.url + “max-results=mười“’ (10 là số tùy chọn)

Ghi chú: Để hiển thị đầy đủ số lượng bài viết trên mỗi trang, khi viết cần chèn ngắt nhảy

Bước 5: CSS tham chiếu được chèn trước thẻ đóng

<b:tag name='style'>
/* <![CDATA[ */
.page-numbers {
    float: left;
    width: 100%;
    padding: 15px 0;
    font-size: .9rem;
    text-align: center;
}
.page-numbers>span, .page-numbers>a {
    font-size: 1.1em;
    display: inline-block;
    height: 2.25em;
    line-height: 2em;
    text-align: center;
    width: auto;
    min-width: 2.25em;
    color: rgba(0,0,0,0.87);
    font-weight: bolder;
    border-radius: 99px;
    border: 2px solid rgba(0,0,0,0.87);
    transition: all .3s;
    vertical-align: top;
}
.page-numbers>.page-number:not(:last-child) {
    margin-right: .3em;
}
.page-numbers>.page-number.current, .page-numbers>span:hover, .page-numbers>a:hover {
    background-color: #006BA0;
    border-color: #006BA0;
    color: #fff;
}
/* ]]> */</b:tag>

Hoặc bạn có thể sao chép nó dưới đây.