Cara Membuat Widget Random Posts Fast Loading

Romeltea | Follow @romel_tea

Random Posts Fast Loading
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.*

Previous
« Prev Post
Author Image

Romeltea
Romeltea adalah onair dan online name Asep Syamsul M. Romli aka Kang Romel. Praktisi Media, Blogger, Trainer Komunikasi from Bandung, Indonesia. Follow me: facebook twitter instagram linkedin youtube

Recommended Posts

Related Posts

Show comments
Hide comments

4 comments on Cara Membuat Widget Random Posts Fast Loading

  1. kok gak bisa ya mas? di saya cuma muncul tulisan "Memuat..." gitu terus, help me, mas :(

    ReplyDelete
    Replies
    1. Dua kemungkinan
      1. Kodenya bentrok, jadi gak cocok
      2. Di bagian bawah template ada kode fast load di kode < / body > (hapus kodenya sehingga hanya < / body> yang tersisa)

      Delete
    2. masalahnya sama mas. Maksudnya kodenya bentrok itu gimana yah mas ?? maaf masih pemula

      Delete
  2. AnonymousJune 04, 2015

    thank`s :)

    ReplyDelete

No Spam, Please!