JSFiddle - React, Tailwind, and code Playground

by Hidayat Rifan

HTML

<div id='recent_post' class='loader'></div>

CSS

#recent_post {
    font: 12px Arial
}
.loader {
    background-image:...

JavaScript

/*! Global Feeds */
var alamat = "http://obesitystrike.blogspot.com",
    caracter = 100,
    thubmnailSize = 75,
    judul = "Post Terbaru",
    jumlah = 10,
    ByLabel = false,
    newTab = true,
    noImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",
    bulan = ["Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember"];
(function (t, s) {
    var e, i, p, g, q, j, l, d, h, g, c, m, k, n, f = noImage,
        x = (newTab) ? ' target="_blank"' : '',
        r;
    t.obs_feed = function (v) {
        e = v.feed.entry;
        q = '<h2>' + judul + '</h2><div class="widget-content"><ul class="isine">';
        ct = s.getElementById("recent_post");
        if (!ct) {
            return
        }
        for (var u = 0, a = e.length; u < a; u++) {
            l = e[u].published.$t.substring(0, 10).split("-");
            p = ("summary" in e[u]) ? e[u].summary.$t.replace(/<br ?\/?>/g, " ").replace(/<.*?>/g, "").replace(/[<>]/g, "").substring(0, caracter) + "&hellip;" : "Tidak ada teks.";
            g = ("media$thumbnail" in e[u]) ? e[u].media$thumbnail.url.replace(/\/s[0-9]+(\-c)?/, "/s" + thubmnailSize + "-c") : f;
            for (var b = 0, w = e[u].link.length; b < w; b++) {
                if (e[u].link[b].rel == "alternate") {
                    i = e[u].link[b].href;
                    break
                }
            }
            q += '<li><img class="thumbnail-iki" alt="Thumbnail" width=' + thubmnailSize + ' height=' + thubmnailSize + ' src="' + g + '"><strong class="title-iki"><a href="' + i + '" ' + x + '>' + e[u].title.$t + '</a></strong><span class="content-iki">' + p + '</span><span class="meta-iki"><time datetime="' + l.join("-") + '">' + (l[2] + " " + bulan[(parseInt(l[1], 10) - 1)] + " " + l[0]) + "</time></span></li>"
        }
        ct.innerHTML = q + "</ul></div>"
   ...