Hiển thị bài viết theo nhãn trong Blogspot

Khi thiết kế web, việc gom nhóm các bài viết cùng nhãn thật sự cần thiết.

Việc đó giúp cho người đọc có thể tìm kiếm nhanh chóng các bài viết liên quan.

Ở đây, mình có một đoạn script sau giúp thực hiện việc đó :

<!-- Recent Posts by Label Start -->
<script type="text/javascript">
function recentpostslist(json) {
document.write('<ul>');
for (var i = 0; i < json.feed.entry.length; i++)
{
for (var j = 0; j < json.feed.entry[i].link.length; j++) {
if (json.feed.entry[i].link[j].rel == 'alternate') {
break;
}
}
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://codewinform.blogspot.com/feeds/posts/summary/-/test?max-results=5&alt=json-in-script&callback=recentpostslist"></script>
<!-- Recent Posts by Label End -->

Bạn chú ý thay các chữ màu đỏ :

• http://codewinform.blogspot.com : Thay bằng địa chỉ blog của bạn
• test : Đây là nhãn , thay test bằng nhãn mà bạn muốn hiển thị
• results=5 : Số lượng bài viết được trả về, bạn có thể chỉnh số 5 bằng số khác, tối đa là 80

Sau khi chỉnh sửa xong, bạn copy đoạn script vào một thẻ <div> , <table> hay bắt cứ chổ nào bạn muốn hiển thị.