CARA MUDAH MEMBUAT RANDOM POST PADA SIDEBAR BLOG

arifkutubloger.blogspot.com -  Salah satu cara agar pengunjung betah berlama-lama di blog adalah dengan menampilkan artikel secara acak atau random post di sidebar. Fitur ini berguna untuk memperkenalkan artikel lama kepada pembaca yang mungkin belum sempat membacanya. Selain itu, random post juga membantu meningkatkan pageviews dan mengurangi bounce rate.
Pada artikel ini, kita akan membahas cara mudah membuat random post pada sidebar blog, khususnya di platform Blogger (Blogspot).

    Viewers yang banyak merupakan nilai kebanggan sendiri bagi para pemilik blog, namun harus diperhatikan untuk tetap menjaga kenyamanan para pembaca blog anda agar tidak merasa terganggu dengan widget-widget tambahan yang tidak terlalu penting sebenarnya, dan sebaiknya widget yang kurang penting tersebut digantikan atau bahkan dihilangkan, berbeda dengan widget random post yang akan kalian pasang ini pada blog kalian, dengan memasangnya artinya anda secara langsung menyajikan postingan anda yang mungkin belum dibaca oleh pembaca lewat sidebar pada blog anda. Oke bagi anda yang ingin memasang widget random post pada blog kalian, ikuti cara berikut ini.

Manfaat Random Post di Blog

Sebelum masuk ke tutorial, mari pahami dulu manfaatnya:

1. Meningkatkan Pageviews – Pengunjung bisa membaca artikel lain yang ditampilkan secara acak.
2. Mengurangi Bounce Rate – Pengunjung tidak langsung keluar setelah membaca satu artikel.
3. Memperkenalkan Artikel Lama – Artikel lama tetap berkesempatan muncul di sidebar.
4. Membuat Blog Lebih Dinamis – Tampilan sidebar menjadi lebih hidup karena isi selalu berubah.

Cara Memasang Widget Random Post pada Sidebar

1. Pertama anda bisa login pada Blogger kalian,

2. Lalu masuk pada menu "Tata Letak",

3. Setelah itu anda bisa klik "Tambahkan Gadget" dan pilih "HTML/JavaScript",

4. Jika sudah, anda bisa memasukan kode berikut ini ke dalam menu konten kalian,

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

#bsu-random ul{list-style:none;margin:0;padding:0}#bsu-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;}

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

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

</style>

<div id='bsu-random'>Tunggu...</div>

<script>

//<![CDATA[

// Random Post Widget

var homePage = 'https://arifkutubloger.blogspot.com/,
    maxResults = 10,

    containerId = 'bsu-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 BsuRandomPosts(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=BsuRandomPosts"></scr' + 'ipt>');

//]]>

</script>

5. Oke terakhir anda bisa klik "Simpan" dan lihat hasilnya.

Kesimpulan

Menambahkan random post di sidebar blog adalah cara mudah untuk meningkatkan interaksi pembaca dengan konten Anda. Dengan kode sederhana, artikel lama bisa tetap terbaca, blog lebih hidup, dan peluang mendapatkan klik iklan (AdSense) juga semakin besar.

Cukup login ke Blogger → Layout → Tambahkan Gadget → masukkan kode random post, dan blog Anda siap menampilkan artikel secara acak.