Khi xuất bản bài đăng mới, tôi muốn hiện danh sách 5 bài đăng gần đây trong blog của mình (ok)

Hiện Năm bài viết gần đây (ok):

Để hiển thị danh sách 5 bài đăng gần đây khi bạn xuất bản một bài đăng mới, 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://xxxxxx.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;

        // Hiển thị 5 bài đăng gần đây

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

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

          var postLink = entries[i].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

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

        }

      },

      error: function (error) {

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

      },

    });

  });

</script>

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

---------------------------

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 từ blogspot của bạn. 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.

Hiện Năm bài viết gần đây trên blogger blogspot,

 

Mời xem Demo hiện 5 bài đăng kèm liên kết có thể mở khi clik chuột trên trang Blog Góc Vật lí