JSFiddle - React, Tailwind, and code Playground

by w4hyou

HTML

<ol id="updated-posts"></ol>

CSS

li.update {
    list-style: none;
    height:60px;
    overflow:hidden
}
.tgl-com {
    display:block;
    font-size:90%
}

JavaScript

function updatedPosts(a) {
    if (document.getElementById("updated-posts")) {
        var e = a.feed.entry,
            title, link, date, content = "",
            ct = document.getElementById("updated-posts");
        for (var i = 0; i < 7; i++) {
            for (var j = 0; j < 7; j++) {
                if (e[i].link[j].rel == "alternate") {
                    link = e[i].link[j].href;
                    break
                }
            }
            var title = e[i].title.$t,
                pd = e[i].published.$t.substring(0, 10),
                date = pd.replace(/-/g, "/");
             content += '<li class="update"><strong><a href="' + link + '" title="'+title+'" target="_blank">' + title + '</a></strong><span class="tgl-com"> Diposkan pada ' + date + "</span></li>";
        }
        ct.innerHTML = content
    }
}
function getScript(url) {
    var s = document.createElement("script");
    s.type = "text/javascript";
    s.src = url;
    document.body.appendChild(s)
}
getScript("http://www.infokmu.com/feeds/posts/summary?alt=json-in-script&orderby=published&max-results=7&callback=updatedPosts");