31 March 2016

Cara Memasang Random Posts di Blogger

Cara Memasang Random Posts di Blogger - Kang Safiq akan menjelaskan fitur terpenting di dalam sebuah blogger Random Post.Widget ini berguna untuk menampilkan artikel secara acak, sehingga artikel yang lama akan terlihat oleh para pengunjung secara maksimal bisa di buka kembali


Sumber : http://www.arlinadzgn.com/2016/02/cara-memasang-widget-random-post-di-blog.html


Langsung saja Cara Memasang Random Posts di Blogger
1. Buka Blogger > Klik Tata Letak > Tambahkan widget baru > Salin dan simpan kode di bawah ini di dalamnya

<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://www.kangsafiq.net',
    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>

Catatan : Ganti kode yang ditandai dengan url blog sobat dan jumlah artikel yang akan ditampilkan

2. Simpan widget dan lihat hasilnya.


Tags : random post blogger widget, random post pada blogger, random post widget for blogger blog, membuat random post di blogger, menampilkan random post di blogger, random posts for blogger, random posts widget for blogger, blogger horizontal random posts, random post in blogger, random post on blogger, random post with thumbnail blogger, add random posts widget to blogger


EmoticonEmoticon