Xuất bản web bằng blogspot: cách để Hiển thị 9999 bài đăng đã xuất bản trong khoảng thời gian chỉ định bằng mã html- cpb4blogger

Đoạn mã sau đây giúp hiển thị 9999 bài đăng được đã xuất bản trong khoảng thời gian t1 đến t2 trên blog kienthucvatli002.blogspot.com
<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('2000-01-01');
        var endDate = new Date('2029-01-01');

        for (var i = 0; i < entries.length && i < 9999; i++) {
          var publishedDate = new Date(entries[i].published.$t);

          // Kiểm tra xem bài đăng có nằm trong khoảng thời gian cần hiển thị không
          if (publishedDate >= startDate && publishedDate < endDate) {
            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
            $('#list-of-posts').append('<p><a href="' + postLink + '">' + postTitle + '</a></p>');
          }
        }
      },
      error: function (error) {
        console.error('Error fetching blog posts:', error);
      },
    });
  });
</script>

<div id="list-of-posts"></div>
Bạn có thể tùy chỉnh khoảng thời gian mà tôi đã tô đỏ và số luwognj bài muốn hiển thị trên hilight xanh ở trên nhé
Dưới đây là bản demo cho bạn xem và thấy thích mẹo thiết kế web bàng blogspot này thì áp dụng cho mình nhé.
Chúc bạn thành công trên nền tảng blogspot nhé

Demo 

Nhận xét

Bài đăng phổ biến từ blog này

Blogger: Mã html giúp chỉ Hiển thị Tên Bài Đăng theo Nhãn (Label) trong blogspot | Blog mẹo cpb4blogger

💡 Tạo Mục Lục Tự Động Cho Blogspot Bằng JavaScript – Chuẩn SEO, Dễ Dùng cpb4blogger

Hiển Thị Bài Viết Liên Quan Trên Blogspot Theo Nhãn Và Từ Khóa Tiêu Đề – Hướng Dẫn Tự Động Tăng Tương Tác Và SEO