Membuat Random Post Di Blogger

Premium By Raushan Design With Shroff Templates

 

Cara Membuat Random Post Di Blogger Dengan Tampilan Sederhana

Cara membuat random post di blogger sebenarnya tidak susah kok, kita hanya perlu menyisipkan kode widget random post untuk blogger yang akan saya sertakan di bawah nanti.

Adapun langkah - langkah yang harus dilakukan untuk membuat random post di blogger adalah sebagai berikut :

1. Masuk ke dasbor blogger
2. Buka halaman Tata Letak
3. Klik Tambahkan Gadget pada posisi yang sobat inginkan, pilih widget HTML/JavaScript.
4. Sisipkan kode widget random post untuk blogger pada bagian Konten
5. Simpan
6. Selesai

Nah itulah langkah - langkah yang harus sobat lakukan untuk menambahkan random post di blogger.

Bagaimana, sangat mudah bukan cara membuat random post sederhana di blogger ?

Oke mari kita lanjut ke kode widget random post untuk blogger yang harus dipasang pada bagian Konten widget HTML/JavaScript

Widget Random Post Sederhana Untuk Blogger

Adapun kode widget random post sederhana untuk blogger yang harus dipasang adalah ini

<div id='random-post-container'>Memuat...</div>

<script>
//<![CDATA[
// Feed configuration
var homePage = 'http://caramenghias.blogspot.com',
    maxResults = 7,
    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++) {
            if (entry[i].link[j].rel == "alternate") {
                link = 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>

Keterangan :

• Pada kode widget random post sederhana untuk blogger di atas terdapat alamat blog yaitu http://caramenghias.blogspot.com, nah silakan ganti alamat blog tersebut dengan alamat blog sobat.
• Angka 7 pada kode maxResults = 7, adalah nilai yang menentukan jumlah random post yang akan ditampilkan, silakan ganti angka 7 tersebut sesuai jumlah artikel acak yang ingin sobat tampilkan.

Nah, itulah tutorial cara membuat random post sederhana di blogger serta widget random post sederhana untuk blogger.

Semoga bermanfaat, dan selamat mencoba.