Random post Super Wuss

Alasan orang tidak menggunakan Random Post adalah karena cara kerja widget ini sangat lambat karena widget ini bekerja dengan cara memanggil keseluruhan Feed Posting dengan ukurannya yang sangat besar ,bisa dibayangkan jika jumlah postingan kita di atas Lima Ratusan (500)sedangkan widget ini hanya menampilkan secara acak ,jadi banyak sebagian orang berpikir memasang widget ini hanya membuang buang waktu saja ,keunggulan widget Random Post ini kita bisa Update ulang Artikel- Artikel kita yang telah lama,akan tetapi berkat Campur tangan seorang master Blogger indonesia Taufik Nurrohman Yang punya website dte.web.id Random Post bisa bekerja dengan sangat cepat dan dengan sedikit modifikasi widget ini sudah saya buat lebih Seo dan valid pada Html 5 ,sama halnya dengan randompost yang saya buat kemarin (link ),akan tetapi untuk yang ini saya posting yang versi Thumbnail (bergambar).

Nah Buat sobat yang akan pasang Random post Super Wuss (super cepat ini ) silahkan pasang kode css berikut tepat di atas kode ]]></b:skin> berikut kodenya :

/*Random-post*/
#random-post-container {width:265px}
#random-post-container ul,
#random-post-container li {
  margin:0;
  padding:0;
  list-style:none;
  overflow:hidden;
}
#random-post-container img {
  display:block;
  float:left;
  border:1px solid;
  margin:2px 7px 5px 0;
  box-shadow:4px 4px 2px #000;
}
#random-post-container a {
  font-weight:bold;
  font-size:110%;
      color:blue;
}
#rancom-post-container .clear {
  display:block;
  clear:both;
}

Sedangkan Untuk memasang Xhtml nya silahkan menuju ke tata letak == Tambah Widget == Pilih html Java Script pasang kode Script berikut ini:

<div id='random-post-container'>Memuat...</div>
<script>
// Feed configuration
var homePage = 'http://www.fullblogdesign.com',
    maxResults = 7,
    summaryLength = 170,
    noImageUrl = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaEMzwSbRLLS7o89KHiUbt1nlp2JjjnPwgzq8iJhddFIZvEGZ32a5MCzKQepbrduy00cC861hctHTtcWJtsZRBO7u6WSkpL-NziF8Nvkbi9C_XCjyLYVMBUCNMutHNwe0MbvEJyVrhFes/s1600/no-image.png',
    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));
    if (window.console && window.console.log) 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, summary, img,
        ct = document.getElementById(containerId),
        entry = shuffleArray(json.feed.entry),
        skeleton = "<ul>";
    for (var i = 0, len = entry.length; i < len; i++) {
        summary = ("summary" in entry[i]) ? (entry[i].summary.$t.replace(/<.*?>/g, "")).substring(0, summaryLength) + '&hellip;' : "";
        img = ("media$thumbnail" in entry[i]) ? entry[i].media$thumbnail.url.replace(/\/s[0-9]+(-c)?/, "/s72-c") : noImageUrl;
        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>';
        skeleton += '<img src="' + img + '" alt="image" width="72" height="72" title="' + entry[i].title.$t + '">';
        skeleton += '<a href="' + link + '" title="' + entry[i].title.$t + '">' + entry[i].title.$t + '</a><br>';
        skeleton += '<span>' + summary + '</span>';
        skeleton += '<span class="clear"></span></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>

Silahkan ganti kode text yang berwarna merah dengan alamat blog sobat sendiri,dan kode yang berwarna biru adalah jumlah random post yang akan di tampilkan silahkan ganti sesuai kebutuhan

Sumber Code : dte.web.id

ADS HERE !!!