Cara Memasang Random Post yang Ringan di Blog - apa kabar sahabat Info Terkini, anda sedang membaca artikel yang berjudul Cara Memasang Random Post yang Ringan di Blog, kami telah mencari artikel ini dari sumber yang saya kira baik dan bermanfaat bagi anda untuk menambah informasi.saya berharap isi postingan Artikel Blog, Artikel Tutorial, bisa anda nikmati.semoga artikel yang kami sajikan ini dapat anda pahami dengan baik. selamat membaca.

Judul : Cara Memasang Random Post yang Ringan di Blog
link : Cara Memasang Random Post yang Ringan di Blog

Cara Memasang Random Post yang Ringan di Blog

Hei guys, artikel kali ini cara awesome akan membahas bagaimana cara memasang atau membuat random post (artikel acak) yang ringan di blog. Cara pemasangannya cukup mudah dan praktis. Widget random post ini juga memiliki loading yang cepat sehingga tidak memberatkan blog.

cara memasang random post ringan di blog

Random post sendiri cukup berguna untuk blog Anda karena dengan adanya widget ini artikel-artikel lama atau artikel yang sedikit viewnya berpotensi ditampilkan di halaman awal blog sehingga memungkinkan pengunjung untuk membuka artikel Anda. Tutorial ini saya dapatkan dari blognya mbak arlina dan widget ini saya letakkan di bagian sidebar blog. Berikut langkah-langkah pemasangannya.

Langkah 1 : Login ke Blogger. Pilih menu Tata Letak.

Langkah 2 : Pilih lokasi untuk penempatan widget, klik Tambahkan Gadget, pilih HTML/Javascript.

Langkah 3 : Salin kode dibawah ini dan simpan di dalam kotak HTML/Javascript.

<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 solid #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://arlinadzgn.com',
    maxResults = 10,
    containerId = 'arlina-random';
function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
}
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;
}
function ArlinaRandomPosts(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>');
}
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=ArlinaRandomPosts"></scr' + 'ipt>');
//]]>
</script>

Langkah 4 : Ganti bagian yang berwarna biru dengan link blog anda. Sesuaikan juga jumlah post yang ingin ditampilkan di bagian warna orange.

Langkah 5 : Klik Simpan. Selesai

Lihat dan cek blog Anda untuk melihat perbedaannya. Sampai disini seharusnya Anda sudah mengerti bagaimana cara memasang atau membuat random post di blog Anda sendiri. Sekian dan semoga bermanfaat. Hei guys, artikel kali ini cara awesome akan membahas bagaimana cara memasang atau membuat random post (artikel acak) yang ringan di blog. Cara pemasangannya cukup mudah dan praktis. Widget random post ini juga memiliki loading yang cepat sehingga tidak memberatkan blog.

<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 solid #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://arlinadzgn.com',
    maxResults = 10,
    containerId = 'arlina-random';
function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
}
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;
}
function ArlinaRandomPosts(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>');
}
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=ArlinaRandomPosts"></scr' + 'ipt>');
//]]>
</script>

seperti inilah artikel Cara Memasang Random Post yang Ringan di Blog

yang anda baca. Sekianlah artikel artikel yang anda baca ini tentang Cara Memasang Random Post yang Ringan di Blog kali ini, saya berharap artikel tersebut bermanfaat bagi anda anda semua. sekiranya bermanfaat silahkan anda boleh share arikel ini ke sosial media seperti facebook, twiter, dan lainnya. terima kasih, sampai jumpa di postingan artikel lainnya.

Anda saat ini sedang membaca artikel Cara Memasang Random Post yang Ringan di Blog dengan alamat link https://infoterkiniabc.blogspot.com/2018/10/cara-memasang-random-post-yang-ringan.html