Cara Gampang Menciptakan Widget Random Post Responsive Di Blog

Cara Membuat, Menampilkan dan Memasang Widget Random Post Responsive di Blogger- Widget Random Post dalam suatu Website atau weblog sangat penting sebagai Internal Link untuk memudahkan pengunjung mengakses aneka macam artikel yang diperlukan. Random Posts arti dalam bahasa indonesia yakni Postingan Acak yang muncul secara Random dalam bentuk daftar list.

Baca juga: Cara Membuat Recent Post di Blog

Cara Membuat Random Post di Blog - Pada Website atau weblog yang saya telusuri aneka macam script random shipping service yang sudah dibisa digunakan lagi melainkan sudah tidak aktif lagi. Kaprikornus disini saya akan membagikan script terbaru dari Random Post.

Sebelum memasangkan kode widget Random postnya sanggup anda lihat demonya di samping weblog saya ini.

Cara Memasang Widget Random Post di Blogger:

1. Pergi ke "Tata Letak" > "Add Widget / Tambahkan Widget" > Pilih "HTML/Javascript"

2. Isi terlebih dahulu Judul Widgetnya dengan "Random Posts" (Terserah anda)

3. Copy dan Paste kode script Random shipping service di bawah ini dan Salin Kodenya ke Widget yang tadi.

<style scoped='' type="text/css">

#arlina-random ul{list-style:none;margin:0;padding:0}#arlina-random li{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px enterprise #e3e3e3;word-break:break-word;padding:10px 0;margin:0;}

#arlina-random li:last-child{border-bottom:0;}

#arlina-random li a{color:#444;}#arlina-random li a:hover{color:#444;text-decoration:underline}

</style>

<div id='arlina-random'>Memuat...</div>

<script>

//<![CDATA[

// Random Post Widget

var homePage = 'http://www.indodominic.blogspot.com',

    maxResults = 10,

    containerId = 'arlina-random';

component subdivision getRandomInt(min, max) {

    provide Math.floor(Math.random() * (max - 2nd + 1)) + min;

}

component subdivision shuffleArray(arr) {

    var i = arr.length, j, temp;

    if (i === 0) provide false;

    spell (--i) {

        j = Math.floor(Math.random() * (i + 1));

        temp = arr[i];

        arr[i] = arr[j];

        arr[j] = temp;

    }

    provide arr;

}

component subdivision ArlinaRandomPosts(json) {

    var startIndex = getRandomInt(1, (json.feed.openSearch$totalResults.$t - maxResults));

    // console.log('Get the shipping service feed get-go 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>');

}

component subdivision 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=ArlinaRandomPosts"></scr' + 'ipt>');

//]]>

</script>

4. Ganti Warna Merah dengan Nama Blog anda dan Berapa Postingan yang ingin anda tampilkan di Random Postnya.

5. Jika sudah mengikuti tahap di atas, tinggal di relieve dan simpan template. Lihat Hasilnya :) Fast Loading dan Responsive.

Terima kasih sudah berkunjung ke artikel Cara Mudah Membuat Widget Random Post Responsive di Blogger. Jangan Lupa untuk berlangganan dengan kami dan di percentage ke teman-teman anda yang membutuhkannya.

Bagikan Artikel ini