Cara Membuat Widget Random Posts Fast Loading

Baca Juga

Cara Menampilkan, Memunculkan, atau Membuat Widget Random Posts Fast Loading di Sidebar Blog.

RANDOM posts secara harfiyah artinya "posting acak", yaitu daftar posting (tulisan) yang muncul secara random (acak) berisi tulisan-tulisan lama.

Fungsi Random Posts sama dengan Recent Posts dan Popular Posts, yaitu sebahai Internal Link sekaligus Navigasi Blog yang memudahkan pengunjung mengeksplorasi konten blog.

Di sidebar blog Anda minimal ada enam widget:

1. Latest Posts
2. Popular Posts
3. Random Posts
4. Kotak Pencarian (Search Box)
5. Link Akun Media Sosial
6. Kotak Berlangganan (Subscribe Box).

Google menyarankan blog atau situs web memiliki navigasi atau internal link yang baik untuk memudahkan pengguna (user friendly).

Random Posts Fast Loading

Banyak sekali kode script Random Posts yang di-share para blogger, terutama blogger luar nagreg, eh luar negeri. Namun, setelag dicoba, kebanyakan memperlambat loading blog alias berat.

Dibandingkan kode-kode random posts lainnya yang sudah dicova, kode dari DTE di bawah ini paling cepat, tidak lelet atau "relatif" tidak memperlambat loading blog.

Demonya bisa dilihat di sidebar blog ini.

Cara Memasang Widget Random Posts Fast Loading
1. "Layout" > "Add Gadget" > pilih "JavaScript/HTML"
2. Isi judul widget dengan "Random Posts" (bisa pula nama lain)
3. Copy & Paste kode berikut ini di kolom "Content"

<div id='random-post-container'>Memuat...</div>
<script>
//<![CDATA[
// Feed configuration
var homePage = 'http://klinikblogging.blogspot.com',
maxResults = 5,
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++) {
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=createRandomPostsStartIndex"></scr' + 'ipt>');
//]]>
</script>

4. Ganti alamat blog warna merah dengan alamat blog Anda.
5. Ganti angka 5 jika ingin menambah jumlah judul tulisan yang muncul di Random Post.

5. #SaveKPK! Eh...klik Save!

Kini widget Random Posts Fast Loading sudah muncul di sidebar blog Anda.*