Home » , » Kode Widget Random Posts Fast Loading untuk Blog

Kode Widget Random Posts Fast Loading untuk Blog

Kode Widget Random Posts Fast Loading untuk Blog
Random Posts adalah posting yang muncul secara acak.

Fungsi widget random posts ini sama seperti fungsi Recent Posts atau Popular Posts, yaitu sebagai navigasi sekaligus internal link untuk meingkatkan PageViews blog yang dianjurkan Google.

Namun, banyak juga blogger yang tidak memasangnya karena alasan memperberat loading atau tampilan blog.

Memang demikian. Karena random posts ini menampilkan tulisan secara acak sehingga sang kodok, eh, sang kode butuh waktu untuk mengindeks posting yang akan ditampilkan.

Cara Pasang Kode Widget Random Posts Fast Loading untuk Blog

Cara pasang Kode Widget Random Posts Fast Loading untuk Blog  adalah sebagai berikut.

1. Layout > Add a Gadget > HTML/JavaScript
2. Copas kode berikut ini di kolom Content

<div id='random-post-container'>Loading...</div>
<script>
//<![CDATA[
// Feed configuration
var homePage = 'http://johnywussresponsif.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>

Catatan: Ganti alamat blog warna merah dengan alamat blog Anda.

3. Save!

Demikian cara memasang widget Random Posts Fast Loading di sidebar ataupun di footer widget blog. Good Luck!

Share this article :

0 comments:

Post a Comment

 
Copyright © 2017 Johny Wuss Responsif - All Rights Reserved
Template by Creating Website and CB Blogger