Memasang Widget Random Post Sederhana di Blog

Pada Artikel kali ini saya akan berbagi sebuah Widget Random Post yang sangat ringan untuk Bloggger. Disebut ringan, karena Widget ini hanya memuat Judul artikel saja secara acak, jadi tidak ada gambar thumbnail ataupun snippet karakter yang ikut diloading.

Berikut cara memasang Widget Random Post Sederhana di Blog :

1). Di Blogger Dasbord pilih Tata Letak >> Add Gadget >> HTML/JavaScript
2). Salin semua Kode di bawah ini !

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

3). Ganti Kode yang dilabel Biru dengan URL Blog Anda, lalu Simpan.
Sekarang Widget Random Post Sederhana sudah ada di Blog Anda. Terima kasih.

Search Post

Label :