Cara Memasang Widget Daftar Postingan Acak (Random) di Blog

Selamat datang kembali di blog masa kini, blog yang kata para blogger adalah blog tutorial terupdate dan dekat dengan keinginan para pemula di dunia blog. Jika anda tidak setuju dengan julukan tersebut, anda dapat menggunakan kolom komentar yang terletak di bawah. Penulis akan lebih senang, jika penolakan tersebut disertai dengan julukan yang lebih baik dan friendly. Hihihi..

Postingan kali ini akan membahas bagaimana memasang widget daftar artikel/postingan acak alias random di blog. Namun sebelum admin membahasnya, perlu anda ketahui apa manfaat dari pemasangan widget tersebut. Karena sia-siakan jika anda tidak tahu-menahu apa manfaatnya memasang widget random post (postingan acak) namun dilakukan.

Sama halnya dengan widget related post (artikel terkait), label, ataupun recent post, mereka semua adalah salah satu cara agar pengunjung betah berlama-lama di blog anda tanpa merusak mood pembaca, dalam artian kenyamanan pengunjung adalah prioritas utama. Jangka panjangnya dapat meningkatkan jumlah tayang blog anda, dan jika anda memasang iklan, bukan tidak mungkin dapat meningkatkan pundi-pundi dolar (rupiah) anda. Namun, pemasangan widget yang terlalu banyak dapat memperlambat proses loading tampilan blog anda, dan bisa sebaliknya, niat ingin menambah pundi-pundi dolar, malah rugi drastis karena tampilan iklan di blog anda tidak tayang karena proses loading yang terlalu lama.

Baca juga:

• Berikut faktor-faktor yang mempengaruhi pendapatan Adsense anda.
• Cara Mengetahui Konten Yang Sedang Viral Sekarang
• Cara Memasang Iklan Adsense di Blog

So.. tanpa berlama-lama lagi, berikut ini adalah langkah-langkah memasang widget random post alias daftar postingan acak di blog:
1. Pastikan anda telah memiliki blog. Jika belum, mending buat dulu deh. haha..
2. Kemudian klik layout atau dalam bahasa Indonesia disebut "tata letak", kemudian klik "tambahkan widget baru", kemudian pilih html.
3. Salin (copy) script di bawah ini dan masukkan ke dalam kolom html tersebut. Jangan lupa tulis judul widget anda, misal "random" atau acak.

<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.chordmp3.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 tulisan merah script di atas dengan situs blog milik anda. Begitu juga dengan jumlah artikel yang anda inginkan.
4. Klik simpan (save) dan lihat hasilnya.

Demikian postingan kali ini, semoga artikel ini bermanfaat dan dapat menambah wawasan anda. Jika anda memiliki pertanyaan, ingin berdiskusi bahkan sekedar memberikan saran terkait artikel ini, anda dapat menggunakan kolom komentar yang terletak di bawah. Jangan lupa, gunakan bahasa yang baik dan sopan. Terakhir, sampai jumpa di artikel selanjutnya dan #salamprofit. 

Bagikan Artikel ini