Cara Menciptakan Widget Random Posts Fast Loading

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

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

Fungsi Random Posts sama dengan Recent Posts dan Popular Posts, adalah 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 mempunyai navigasi atau internal link yang baik untuk memudahkan pengguna (user friendly).

Random Posts Fast Loading

Banyak sekali isyarat 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, isyarat dari DTE di bawah ini paling cepat, tidak lelet atau "relatif" tidak memperlambat loading blog.

Demonya dapat 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 isyarat 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 kalau ingin menambah jumlah judul goresan pena yang muncul di Random Post.

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

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

Tweet