Forum bungfrangki 💬

hehehe, ini tutorial masih zaman2nya encrypt 😀 mana udah gak ada lagi backup kodenya hehehe
kalau mau, pakai saja JS recent post yg sedang saya gunakan di blog saat ini kang. lagian sama aja APInya. JS-nya seperti ini:

/* recent post new: with label, date published and thumbnail */
numPosts = 6;
const elementRecentPost = document.getElementById("bF-recentPost");
const lists = document.createElement('div');
lists.classList.add('bF-recentPostList');
elementRecentPost.appendChild(lists);

function recentPosts(a) {
    if (elementRecentPost) {
        var e = a.feed.entry,
            title, link, content = "",
            ct = lists;
        ct.async = !0;
        for (var i = 0; i < numPosts; i++) {
            for (var j = 0; j < numPosts; j++) {
                if (e[i].link[j].rel == "alternate") {
                    link = e[i].link[j].href.replace(/.*?:\/\//g, "https://");
                    break
                }
            };
            const date = e[i].published.$t;
            const formatDate = (dateStr) => {
                const date = new Date(dateStr);
                return date.toLocaleDateString('en-US', {
                    month: 'short',
                    day: 'numeric',
                    year: 'numeric'
                })
            };
            const published = formatDate(date);
            const title = e[i].title.$t;
            const categories = e[i].category.map(category => category.term);
            const category = categories.slice(0, 1);
            const thumbnail = e[i].media$thumbnail.url;
            const height = e[i].media$thumbnail.height;
            const width = e[i].media$thumbnail.width;
            content += '<div class="bF-recentPostItem flex"><div class="bF-recentPostHero"><img class="recentPostThumbnail" src="' + thumbnail + '" height="' + height + '" width="' + width + '" alt="' + title + '" loading="lazy"/></div><div class="bF-recentPostContent"><div class="recentPostTitle"><a class="recentPostLink" href="' + link + '" title="' + title + '">' + title + '</a></div><div class="recentPostMeta"><div class="recentPostLabel post-labels"><span class="tag_item ' + category + '"><a class="tag_link recentPostLabelLink" href="/search/label/' + category + '" title="' + category + '" target="_blank" rel="tag">' + category + '</a></span></div><span checkelem="11" class="separatorElm">·</span><div class="recentPostDate">' + published + '</div></div></div></div>'
        }
        ct.innerHTML = content
    }
}
var rcp = document.createElement('script');
rcp.async = !0;
rcp.src = '/feeds/posts/summary?alt=json-in-script&orderby=published&max-results=' + numPosts + '&callback=recentPosts';
document.getElementsByTagName('head')[0].appendChild(rcp);

trus manggilnya dengan ini:
<div id="bF-recentPost"></div>

cuma untuk opsi true/false di fitur thumbnail, date, sama label gak di setel. Jadi, misalnya kalau gak suka pakai label atau lainnya, tinggal edit-edit kode yang di dalam content+='