Cara Membuat Random Post Widget Di Blog Tanpa Thumbnail

Random Post Widget adalah sebuah widget yang dapat di pasang di sidebar atau di footer blog dan widget tersebut akan menampilkan beberapa artikel blog kita secara acak, setiap kali laman di Refresh artikel pada Random Post Widget akan berganti

Sebenarnya widget ini cukup ampuh untuk meningkatkan PV blog, tapi banyak pula blogger yang enggan memasang widget ini karena dikhawatirkan widget ini dapat memperberat loading blog. Tenang saja, script Random Post Widget yang akan saya bagikan kali ini tidak akan memperberat loading blog karena widget ini dibuat cukup sederhana dan tanpa thumbnail.

Cara Membuat Random Post Widget Di Blog Tanpa Thumbnail

1. Buka Blogger.com > Tata Letak > Tambahkan Gadget > Pilih Gadget HTML/JavaScript.
2. Kemudian masukkan script di bawah ini, lalu klik 'Simpan'.

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

Silahkan sobat sesuaikan kode yang saya tandai dengan blog sobat. Demikian artikel Cara Membuat Random Post Widget Di Blog Tanpa Thumbnail, semoga bermanfaat.