Cara Membuat Random Post Fast Loading di Blog

Cara Membuat Random Post Fast Loading di Blog - Random Post artinya "posting acak", yaitu daftar posting yang muncul secara random (acak) berisi tulisan-tulisan lama ataupun baru.

Fungsi Random Posts sama dengan Recent Posts dan Popular Posts, yaitu sebagai Internal Link sekaligus Navigasi Blog yang memudahkan pengunjung mengeksplorasi konten blog. 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 sana,bNamun, setelah dicoba, kebanyakan memperlambat loading blog alias berat.

Dibandingkan kode-kode random posts lainnya yang sudah dicoba, kode di bawah ini paling cepat, tidak lelet atau "relatif" tidak memperlambat loading blog. Jadi blog anda masih bisa stabil meski menggunakan widget yang satu ini. :)

Unutk Demonya bisa dilihat di sidebar blog ini. [Jika masih digunakan]

Cara Memasang Widget Random Posts Fast Loading

1. Masuk ke aku Blogger Anda
2. Pilih "Layout" > "Add Gadget" > pilih "JavaScript/HTML"
3. Isi judul widget dengan "Random Posts" (bisa pula nama lain)
4. Copy & Paste kode berikut ini di kolom "Content"

<div id='random-post-container'>Loading Post...</div>
<script>
//<![CDATA[
// Feed configuration
var homePage = 'http://semua-tutorialku.blogspot.com',
maxResults = 10,
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 = "<ol>";
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 + '</ol>';
}
document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&max-results=0&callback=createRandomPostsStartIndex"></scr' + 'ipt>');
//]]>
</script>

Keterangan:

1. Ganti alamat blog semua-tutorialku.blogspot.com dengan alamat blog Anda.
2. Ganti angka 10 jika ingin menambah jumlah judul tulisan yang muncul di Random Post.
3. Save!

Bagaimana? Mudahkan tutorial kali ini tentang "Cara Membuat Random Post Fast Loading di Blog", Jika anda memiliki masalah atau kendala dalam menerapkan tutorial kali ini anda bisa ajukan disini. Sebisa mungkin saya akan membantu. Semoga Bermanfaat, Sampai Jumpa.