blogger: mã code hiện danh sách các bài đăng trên blog trong 1 khoảng thời gian chỉ định - cpb4blogger

 Xuất phát từ yêu cầu thiết kế web bằng blogger như sau:

tôi đang thiết kế web bằng blogger.com, khi xuất bản bài đăng mới tôi muốn có đoạn mã code chèn vào để hiển thị các bài đăng đã xuất bản trong khoảng thời gian 1/4/2024 đến 1/5/2024 trên trang https://cpb4blogger.blogspot.com

Dưới đây là cách bạn có thể làm điều đó:

Bước 1: Đăng nhập vào trang quản lý blog của bạn trên Blogger.

Bước 2: Chọn blog mà bạn muốn chỉnh sửa.

Bước 3: Trong trình quản lý blog, chọn "Bài viết" để mở trình soạn thảo bài viết. Soạn thảo ở chế độ html nhé bạn

Bên dưới trình soạn thảo, bạn sẽ thấy một ô văn bản có tên "HTML/JavaScript". Nhấp vào đó để chèn một tiện ích HTML hoặc mã JavaScript.

Trong ô văn bản "HTML/JavaScript", chèn đoạn mã sau:

    <div id='custom-post-list'></div>

<script>

function displayPosts(data) {

  var postList = '<ul>';

  for (var i = 0; i < data.feed.entry.length; i++) {

    var entry = data.feed.entry[i];

    var publishedDate = new Date(entry.published.$t);

    var startDate = new Date("2024-04-01");

    var endDate = new Date("2024-05-01");

    if (publishedDate >= startDate && publishedDate < endDate) {

      postList += '<li><a href="' + entry.link[entry.link.length - 1].href + '">' + entry.title.$t + '</a></li>';

    }

  }

  postList += '</ul>';

  document.getElementById('custom-post-list').innerHTML = postList;

}

</script>

<script src='https://cpb4blogger.blogspot.com/feeds/posts/default?alt=json-in-script&callback=displayPosts'></script>

Bước 4:  Lưu trang web và xem trước để kiểm tra xem danh sách các bài đăng đã xuất bản trong khoảng thời gian bạn chỉ định có được hiển thị chính xác không.

Đảm bảo rằng bạn đã thay đổi URL của blog của mình trong đoạn mã trên nếu URL của bạn không phải là "cpb4blogger.blogspot.com".

Đoạn mã này sẽ hiển thị danh sách các bài đăng đã xuất bản trong khoảng thời gian từ ngày 1/4/2024 đến ngày 1/5/2024 trên trang web của bạn. Thật dễ dàng và đơn giản giúp cho bạn thực hiện thiết kế web bằng blogger đẹp và tối ưu.

Demo luôn nhé. Chắc bạn sẽ thích đấy