Cara Memasang Widget Random Post Di Blogger

Cara Memasang Widget Random Post Di Blogger - Random Post merupakan widget yang sangat membantu menaikan pageview / kunjungan sebuah blog , Widget ini berfungsi menampilkan semua post secara acak maka pengunjung akan melihat semua artikel kita di blog.

IMG_20160422_235315%255B1%255D

Widget ini tidak memperlambat loading blog karena sangat ringan widgetnya dan menjadi dekorasi / supaya blog terlihat keren dan terlihat lebih profesional , Berikut caranya.

Memasang Widget Random Post

1. Login blogger > Pilih Tataletak > Tambahkan Gadget > Pilih HTML atau Javascript > Letakan kode dibawah ini

<style scoped='' type="text/css">
#sistemrial-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;}
#sistemrial-random li:last-child{border-bottom:0;}
#sistemrial-random li a{color:#444;}#sistemrial-random li a:hover{color:#444;text-decoration:underline}
</style>
<div id='sistemrial-random'>Memuat...</div>
<script>
//<![CDATA[
// Random Post Widget
var homePage = 'http://sistemrial.blogspot.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 SistemrialRandomPosts(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 : Gantai kode yang ditandai warna dengan url blog kalian dan berapa posting muncul di widget

2. Simpan template ,


Demikian tutorial tentang Cara Memasang Widget Random Post Di Blogger , Semoga berhasil

Slahkan berkomentar di bawah ini...
EmoticonEmoticon

1f600:)
1f615:(
1f601hihi
1f60f:-)
1f603:D
1f62c=D
1f604:-d
1f61e;(
1f62d;-(
1f616@-)
1f61c:P
1f62e:o
1f606:>)
1f609(o)
1f614:p
2753:-?
1f619(p)
1f625:-s
1f620(m)
1f60e8-)
1f624:-t
1f634:-b
1f635b-(
1f637:-#
1f35c=p~
1f4b5$-)
1f44d(y)
1f33a(f)
1f60dx-)
1f496(k)
1f44f(h)
1f378cheer