Memasang Random Posts Widget Tanpa Thumbnail di Blog

Beberapa hari yang lalu saya telah membagikan widget random posts with thumbnail (dengan gambar). Dan kali ini saya akan membagikan widget random posts tanpa thumbnail atau tidak menampilkan gambar.

Memasang Random Posts Widget Tanpa Thumbnail di Blog

Random posts adalah widget layaknya widget popular posts dan recent posts. Namun, widget random posts menampilkan judul postingan blog secara acak.  Berbeda dengan widget popular posts dan recent posts yang hanya menampilkan postingan terpopuler dan postingan terbaru. Pada widget random posts semua postingan memiliki kesempatan untuk ditampilkan. Penggunaan widget random posts juga merupakan salah satu cara untuk meningkatkan pageviews blog Anda.

Script atau kode random posts yang saya bagikan ini adalah buatan Kang Taufik Nurrohman. Widget random posts buatan beliau ini lebih ringan dibanding widget recent posts lainnya. Jika Anda tertarik untuk memasang widget random posts tanpa thumbnail ini, silahkan ikuti langkah-langkah di bawah ini.

Cara Memasang Random Posts Widget Tanpa Thumbnail di Blog

1. Buka Blogger > Tata Letak > Klik “Tambahkan Gadget” > Pilih HTML/Javascript
2. Letakkan kode di bawah ini pada kolom widget tersebut.

<div id='random-post-container'>Memuat...</div>

<script>
//<![CDATA[
// Feed configuration
var homePage = 'http://wahyupratama.com',
maxResults = 7,
containerId = 'random-post-container';
// Function to generate random number limited from `min` to `max`
// Used to create a valid and safe random feed `start-index`
function getRandomInt(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
// Function to shuffle arrays
// Used to randomize order of the generated JSON feed
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;
}
// Get a random start index
function createRandomPostsStartIndex(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>');
}
// Widget's main function
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++) {
if (entry[i].link[j].rel == "alternate") {
link = 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=createRandomPostsStartIndex"></scr' + 'ipt>');
//]]>
</script>

Keterangan :

homePage = ‘http://wahyupratama.com’, (silahkan ganti angka wahyupratama.com dengan alamat blog Anda)
maxResults = 7, (silahkan ganti angka 7 untuk menentukan jumlah postingan yang akan ditampilkan)

3. Simpan perubahan dan lihat hasilnya.

Sekian, semoga bermanfaat.

Leave a Reply