Hiển thị danh sách 5 bài đăng gần đây có chứa từ khóa "xxxx" trong tiêu đề (ok)

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

1. - Trong trình đơn Blogger, chọn "Theme" > "Edit HTML".
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 filteredPosts = [];

        // Lọc bài đăng có chứa "dien" trong tiêu đề
        for (var i = 0; i < entries.length; i++) {
          var postTitle = entries[i].title.$t.toLowerCase();

          // Kiểm tra xem tiêu đề có chứa "dien" không
          if (postTitle.includes('dien')) {
            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>

- 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 từ blogspot của bạn mà có chứa từ khóa "dien" 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.

Xem demo hiện Hiển thị danh sách 5 bài đăng gần đây có chứa từ khóa "điện" trong tiêu đề bài đăng của Blog Góc Vật lí

//bắt đầu nhé