Blogger: Hiển thị 5 bài đăng trên blogspot có từ khóa trong tiêu đề ở thời gian từ 2 năm về trước tính đến mốc thời gian chỉ định - cpb4blogger

[cpb4blogger] Đoạn mã code html giúp Hiển thị 5 bài đăng trên blogspot từ 2 năm về trước tính đến mốc thời gian chỉ định

Khi xuất bản bài đăng mới, tôi muốn hiện danh sách 5 bài đăng đã xuất bản từ 2 năm trước  đến 1/1/2000 có chứa "điện" trong tiêu đề các bài đăng trên blog của mình. 

Để hiển thị danh sách 5 bài đăng gần đây đã xuất bản từ 2 năm trước đến 1/1/2000 và có chứa từ khóa "điện" trong tiêu đề, bạn có thể sử dụng AJAX và JSON Feed để truy xuất thông tin từ blogspot của bạn. Dưới đây là một ví dụ về cách thực hiện điều này:

Bước 1: Trong trình đơn Blogger, chọn "Theme" > "Edit HTML".

Bước 2: Thêm đoạn mã JavaScript và HTML sau vào nơi bạn muốn hiển thị danh sách bài đăng trong bài đăng mới của mình:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>

  $(document).ready(function () {

    // Đường dẫn đến JSON Feed của blogspot của bạn

    var feedUrl = 'https://kienthucvatli002.blogspot.com/feeds/posts/default?alt=json';

    // Tạo một request để lấy dữ liệu từ JSON Feed

    $.ajax({

      url: feedUrl,

      type: 'GET',

      dataType: 'jsonp',

      success: function (data) {

        // Xử lý dữ liệu ở đây, ví dụ hiển thị tên bài đăng và liên kết

        var entries = data.feed.entry;

        var currentDate = new Date();

        var startDate = new Date(currentDate.getFullYear() - 2, currentDate.getMonth(), currentDate.getDate());

        var endDate = new Date('2000-01-01');

        var filteredPosts = [];

        // Lọc bài đăng đã xuất bản từ 2 năm trước đến 1/1/2000 có chứa "điện" trong tiêu đề

        for (var i = 0; i < entries.length; i++) {

          var publishedDate = new Date(entries[i].published.$t);

          var postTitle = entries[i].title.$t.toLowerCase();

          // Kiểm tra xem bài đăng đã xuất bản trong khoảng thời gian cần hiển thị không

          // và có chứa từ khóa "điện" trong tiêu đề không

          if (publishedDate >= startDate && publishedDate < endDate && postTitle.includes('điện')) {

            filteredPosts.push(entries[i]);

          }

          // Chỉ lấy 5 bài đăng

          if (filteredPosts.length >= 5) {

            break;

          }

        }

        // Hiển thị danh sách bài đăng

        for (var j = 0; j < filteredPosts.length; j++) {

          var postTitle = filteredPosts[j].title.$t;

          var postLink = filteredPosts[j].link.find(function (link) {

            return link.rel === 'alternate';

          }).href;

          // Hiển thị tên bài đăng và liên kết trên trang web của bạn

          $('#filtered-posts').append('<p><a href="' + postLink + '">' + postTitle + '</a></p>');

        }

      },

      error: function (error) {

        console.error('Error fetching filtered posts:', error);

      },

    });

  });

</script>

<div id="filtered-posts"></div>

Bước 3: Lưu lại và kiểm tra trang web của bạn để xem kết quả.

Đoạn mã trên sẽ hiển thị danh sách 5 bài đăng gần đây đã xuất bản từ 2 năm trước đến 1/1/2000 và có chứa từ khóa "điện" trong tiêu đề. Nếu bạn xuất bản một bài đăng mới, danh sách sẽ được cập nhật mỗi khi trang web được tải lại.

Bạn nhớ tùy chỉnh các tham số mà tôi đã tô màu vàng, sao cho đạt được ý định nhé. Đây là demo trên https://buicongthang.blogspot.com cho bạn

 Bài viết này thuộc chủ đề "Hướng dẫn cách làm". Bạn có thể tìm lại bài viết này bằng các từ khóa sau: Blogger, Blogspot, Tối ưu, Tiêu đề, Bài đăng.

 Như vậy, Blog Mẹo blogger đã chia sẻ cách "Hiển thị 5 bài đăng trên blogspot  có từ khóa trong tiêu đề ở thời gian từ 2 năm về trước". Chúc bạn thành công! 

Nguồn bài viết: https://cpb4blogger.blogspot.com