Widget Ringan.. Random Post Teks Simple

Biasanya kita sering bingung, jika ada tempat widget kosong di blog kita. iya kan, bingung.. mau diisi widget yang mana? dan sempat terpikir juga kalo kebanyakan widget juga akan mempengaruhi loading blog kita. Kalo tempat kosong juga di lihat gak enak, kayak ada yang kurang.. kan jadi bingung. Gak usah bingung, tenang.. saya akan membagi solusi kebingungan yang kawan alami. hehe.

Yang saya bagi kali ini yaitu Widget Random Post yang cepat dan ringan. Kenapa saya bagi widget ini? dikarenakan Widget Random Post, akan menampilkan postingan kita secara acak yang membuat pengunjung melihat isi dari blog kita, tanpa melihat ke menu daftar isi.

Cara penerapannya pun cukup mudah, kawan hanya perlu menambahkan kode ke dalam widget baru di blog. Berikut cara penerapannya :

1. Buka Blogger > Klik Tata Letak > Tambahkan Widget Baru > Salin dan Simpan kode di bawah ini di dalamnya.

<style scoped='' type="text/css">
#iqbalfp-random ul{list-style:none;margin:0;padding:0}
#iqbalfp-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;}
#iqbalfp-random li:last-child{border-bottom:0;}
#iqbalfp-random li a{color:#444;}
#iqbalfp-random li a:hover{color:#444;text-decoration:underline}
</style>
<div id='iqbalfp-random'>Memuat...</div>
<script>
//<![CDATA[
// Random Post Widget
var homePage = 'http://iqbalfp.blogspot.com/',
    maxResults = 5,
    containerId = 'iqbalfp-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 iqbalfpRandomPosts(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=iqbalfpRandomPosts"></scr' + 'ipt>');
//]]>
</script>

  • Ganti http://iqbalfp.blogspot.com/ dengan url blog kawan.
  • 5 : Jumlah baris judul artikel yang ingin ditampilkan.

2. Simpan Widget dan Lihat hasilnya.
Previous
Next Post »