Cara Memasang Widget Random Post di Blogger (Blogspot)

BisablogDEMO.blogspot.com - Sesuai dengan namanya, widget Random Posts adalah widget yang bisa kita gunakan untuk menampilkan postingan secara acak di sidebar kita. Meski kelihatannya cukup remeh, widget ini punya banyak manfaat lho!

Menampilkan postingan secara acak mungkin tidak akan semenarik dengan menampilkan postingan terbaik kita. Tapi dengan cara ini, kita bisa 'mengangkat' postingan kita yang kurang populer. Jadi nantinya bukan hanya postingan kita yang paling ngetop saja yang banyak viewnya.

Dan sama seperti related post dan semacamnya, menampilkan pos aca dapat mengurangi nilai bounce rate blog kita juga. Dan berhubung gak bikin loading blog jadi berat, kayaknya worthed banget nih pasang widget random post di blog Blogger kamu!

Cara Menambahkan Widget Related Posts di Blogspot

Untuk menambahkan widget related posts di blogger, pertama masuk ke dasbor Blogger dan cari menu LAYOUT.

Setelah itu tambahkan gadget HTML/JAVASCRIPT lalu masukan kode di bawah ini

<style scoped='' type="text/css">
#bisablog-random ul{list-style:none;margin:0;padding:0}#bisablog-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;}
#bisablog-random li:last-child{border-bottom:0;}
#bisablog-random li a{color:#444;}#bisablog-random li a:hover{color:#444;text-decoration:underline}
</style>
<div id='bisablog-random'>Memuat...</div>
<script>
//<![CDATA[
// Random Post Widget
var homePage = 'http://www.bisablogdemo.blogspot.com',
    maxResults = 10,
    containerId = 'bisablog-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 bisablogRandomPosts(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=bisablogRandomPosts"></scr' + 'ipt>');
//]]>
</script>

Jangan lupa untuk mengganti var homePage = 'http://www.bisablogdemo.blogspot.com', dengan nama website kamu sendiri. Jika sudah, simpan dan lihat hasilnya. Sebagai contoh, kamu bisa melihat widget random post di sidebar blog ini. Keren kan!

Share this post