Widget Daftar Pembaharuan Posting

Monday, November 3, 2014

Widget daftar posting yang telah diperbaharui oleh Administrator

Meskipun artikel atau tulisan yang telah lama di posting oleh administrator bisa ditampilkan dalam widget yang telah diperbaharui alisan tampil dalam widget teratas. Ini memudahkan kepada pengunjung bahwa seoarang Admin dalam blog tersebut telah memperbaharui/update tulisan yang sudah usang diterbitkan.

Tulisan artikel ini memenuhi request dari pengunjung blog disini.

Penerapan Blog Widget

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

li.updated {
    list-style: none;
    height:60px;
    overflow:hidden;
    font-size:80%
}
.thumbnail-updated {
    float:left;
    margin:5px 10px 0 5px
}
.tanggalnya {
    display:block;
    font-size:90%
}

<script type='text/javascript'>
//<![CDATA[
function updatedPosts(a) {
    if (document.getElementById("posts-updated")) {
        var e = a.feed.entry,
            title, img, link, date, content = "",
            ct = document.getElementById("posts-updated");
        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, "/");
            if ("media$thumbnail" in e[i]) {
                img = e[i].media$thumbnail.url
            } else {
                img = "https://cdn.staticaly.com/gh/idtutorplus/images/b085015c/no-images.gif" // Posting no image
            }
            content += '<li class="updated"><img src="' + img.replace(/\/s72-c/, "/s40-c") + '" class="thumbnail-updated" alt="thumb" height="40px" width="40px"/>';
            content += '<strong><a href="' + link + '" target="_blank">' + title + '</a></strong><span class="tanggalnya"> 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("https://nama-blog-anda.blogspot.com/feeds/posts/summary?alt=json-in-script&orderby=updated&max-results=7&callback=updatedPosts");
//]]>
</script>

Coba sendiri

Pasang Iklan Anda di Sini

Pasang Iklan Anda di Sini