Memasang Random Post Ringan Untuk Blogger

Memasang Random Post Yang Ringan Untuk Blogger - Random Post fitur penting untuk meningkatkan page view, widget Random Post berguna untuk menampillkan artikel blog secara acak.



Funsi Random Post

Random post berfungsi sebagai navigasi dan internal links. Dengan adanya Widget Random Posts --selain Related Posts dan Recent Posts, user atau pengunjung blog akan lebih mudah menjelajahi konten blog kita.Random post berfungsi sebagai navigasi dan internal links. Dengan adanya Widget Random Posts --selain Related Posts dan Recent Posts, user atau pengunjung blog akan lebih mudah menjelajahi konten blog kita.

Kelebihan

Membuat artikel lama yang belum dilihat pengunjung, secara otomatis akan terdaftar pada Random Post.

TUTORIAL CARA MEMASANG RANDOM POST YANG RINGAN

1.Salin kode di bawah ini

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

2.Buka Blogger > Tata Letak > Tambahkan Widget Baru > HTML/Java Script >  Paste kode di atas di dalam box HTML/Java Script.

3.Simpan widget dan lihat hasilnya

Demikian artikel tantang Memasang Random Post Yang Ringan Untuk Blogger, semoga bermanfaat.

Author : Tirta Mubien

Share this

SUBSCRIBE TO OUR NEWSLETTER

Related Posts