Đoạn mã code hiện tên 10 bài đăng gần đây trên blog của mình - cpb4blogger

Đoạn mã sau đây giúp bạn hiện tên 10 bài đăng gần đây trên blog cụ thể, cụ thể khi bạn soạn bài đăng bạn muốn lấy ra tiêu đề của những bài đăng đã xuất bản, bạn có thể dùng đoạn mã này.

bản demo dưới dây dduocj áp dụng cho blog chia sẻ mẹo vặt về blogger ở địa chỉ https://cpb4blogger.blogspot.com. Bạn thấy có hiệu quả và đáp ứng nhu cầu của mình không? hãy cho chúng tôi biết nhé.

Hãy coppy đoạn mã dưới đây nhé:

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

<script>

    function renderRecentPosts(data) {

        var recentPostsContainer = document.getElementById('recent-posts');

        if (data && data.feed && data.feed.entry) {

            var entries = data.feed.entry;

            var html = '<ul>';

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

                var post = entries[i];

                var title = post.title.$t;

                var link = post.link.pop().href;

                html += '<li><a href="' + link + '">' + title + '</a></li>';

            }

            html += '</ul>';

            recentPostsContainer.innerHTML = html;

        } else {

            recentPostsContainer.innerHTML = 'Không có bài đăng nào.';

        }

    }

    function fetchRecentPosts() {

        var script = document.createElement('script');

        script.src = 'https://cpb4blogger.blogspot.com/feeds/posts/default?max-results=10&alt=json-in-script&callback=renderRecentPosts';

        document.body.appendChild(script);

    }

    fetchRecentPosts();

</script>

Chúc bạn thành công với blogger nhé