Cara Pasang Widget Random Post Responsive

Random Post - Setelah sebelumnya saya sudah share cara membuat thumbnail post berwarna sesuai label pada template droid plus, kali ini saya mau bagi-bagi widget lagi, yaitu random post atau sering disebut juga artikel acak yang dimana sudah saya test kalau widget ini responsive (bisa dibilang seperti itu).

Widget-Random-Post-Responsive

Cara Memasang Widget Random Post Responsive

Salin kode berikut pada HTML/JavaScript.
<div id='random-post-container'>Loading please wait...</div>
<script type='text/javascript'>
//<![CDATA[
function getRandomInt(e, t) {
    return Math.floor(Math.random() * (t - e + 1)) + e
}
function shuffleArray(e) {
    var t = e.length,
        n, r;
    if (t === 0) return false;
    while (--t) {
        n = Math.floor(Math.random() * (t + 1));
        r = e[t];
        e[t] = e[n];
        e[n] = r
    }
    return e
}
function createRandomPostsStartIndex(e) {
    var t = getRandomInt(1, e.feed.openSearch$totalResults.$t - maxResults);
    document.write("<scr" + 'ipt src="' + homePage + "/feeds/posts/summary?alt=json-in-script&orderby=updated&start-index=" + t + "&max-results=" + maxResults + '&callback=randomPosts"></scr' + "ipt>")
}
function randomPosts(e) {
    var t, n = document.getElementById(containerId),
        r = shuffleArray(e.feed.entry),
        i = "<ul>";
    for (var s = 0, o = r.length; s < o; s++) {
        for (var u = 0, a = r[s].link.length; u < a; u++) {
            t = r[s].link[u].rel == "alternate" ? r[s].link[u].href : "#"
        }
        i += '<li><a href="' + t + '">' + r[s].title.$t + "</a></li>"
    }
    n.innerHTML = i + "</ul>"
}
var homePage = "http://tipsblogbaru.blogspot.com",
    maxResults = 15,
    containerId = "random-post-container";
document.write("<scr" + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&max-results=0&callback=createRandomPostsStartIndex"></scr' + "ipt>")
//]]>
</script>

Save Template.
Ganti URL yang saya tandai dengan URL blog anda.
DEMO link mati => http://demo140112.blogspot.com/

0 Response to "Cara Pasang Widget Random Post Responsive"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel