Cara Membuat Widget Random Post di Blog

Widget Random Post

dwiheryanto.com - Cara Membuat Widget Random Post di Blog bisa dibilang sangatlah penting dikarenakan Widget Random Post dapat menampilkan artikel yang sudah lama sebab widget ini menampilkan artikel pada blog secara acak.

Selain kelebihan dapat menampilkan artikel yang lama secara random (acak) Widget Random Post juga mempunyai kekurangan bagi blog artikelnya gado-gado, dikarenakan kurang etis untuk pengunjung blog yang sedang membaca artikel kesehatan Widget Random Post nya tentang Ayam atau lainya yang tidak berhubungan kecuali blog berita. Berikut Cara Membuat Widget Random Post di Blog :

1. Login ke blog kamu

2. Klik Tata Letak

3. Klik Tambah Gadget/widget

4. Pilih HTML/JavaScript

5. Copy HTML di bawah ini

<style scoped='' type="text/css">
#dwiheryanto-random ul{list-style:none;margin:0;padding:0}#dwiheryanto-random li{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-word;padding:10px 0;margin:0;}
#dwiheryanto-random li:last-child{border-bottom:0;}
#dwiheryanto-random li a{color:#444;}#arlina-random li a:hover{color:#444;text-decoration:underline}
</style>
<div id='dwiheryanto-random'>Memuat...</div>
<script>
//<![CDATA[
// Random Post Widget
var homePage = 'http'://www.dwi-heryanto.com',
    maxResults = 5,
    containerId = 'dwiheryanto-random';
function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
}
function shuffleArray(arr) {
    var i = arr.length, j, temp;
    if (i === 0) return false;
    while (--i) {
        j = Math.floor(Math.random() * (i + 1));
        temp = arr[i];
        arr[i] = arr[j];
        arr[j] = temp;
    }
    return arr;
}
function DwiheryantoRandomPosts(json) {
    var startIndex = getRandomInt(1, (json.feed.openSearch$totalResults.$t - maxResults));
    // console.log('Get the post feed start from ' + startIndex + ' until ' + (startIndex + maxResults));
    document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&orderby=updated&start-index=' + startIndex + '&max-results=' + maxResults + '&callback=randomPosts"></scr' + 'ipt>');
}
function randomPosts(json) {
    var link, ct = document.getElementById(containerId),
        entry = shuffleArray(json.feed.entry),
        skeleton = "<ul>";
    for (var i = 0, len = entry.length; i < len; i++) {
        for (var j = 0, jen = entry[i].link.length; j < jen; j++) {
            link = (entry[i].link[j].rel == "alternate") ? entry[i].link[j].href : '#';
        }
        skeleton += '<li><a href="' + link + '">' + entry[i].title.$t + '</a></li>';
    }
    ct.innerHTML = skeleton + '</ul>';
}
document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&max-results=0&callback=dwiheryantoRandomPosts"></scr' + 'ipt>');
//]]>
</script>

6. Pastekan HTML tersebut ke widget HTML/JavaSript

7. Ganti tulisan yang di warnai biru dengan url blog kamu dan

8. Ganti warna kuning dengan jumlah artikel yang akan kamu tampilkan

9. Lalu klik simpan

Tweet