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
Đăng nhận xét