Cara Membuat Random Post Sederhana Di Blogger

Salah satu widget untuk blog blogger yang banyak di gunakan adalah widget random post, yang mana widget ini gunanya untuk menampilkan artikel yang ada di blog kita secara acak, lalu bagaimana cara membuat random post di blogger ?

Oke sobat, kali ini saya akan menuliskan bagaimana cara membuat random post sederhana di blogger, yang mana dengan cara ini kita akan menampilkan random post tanpa thumbnail / gambar.

Bagi sobat yang berminat ingin memasang widget random post sederhana untuk blogger ini silakan baca terus...

Cara Membuat Random Post Di Blogger Dengan Tampilan Sederhana

Cara Membuat Random Post Sederhana Di Blogger
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
Cara Membuat Random Post Sederhana Di Blogger
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.

Komentar

Postingan populer dari blog ini

Widget Animasi Bergerak Untuk blog

Script Efek Teks Pelangi Membuat Tulisan Warna Warni Di Blog

Cara Membuat Efek Loading di Blog - 19 Animasi Loading Gif