loading...

CARA MEMBUAT RANDOM POST DI BLOG PALING MUDAH

cara membuat random post di blog paling mudah

Halo apa kabar?..
Jika pada postingan sebelumnya saya telah membahas tentang bagaimana Cara Membuat/Memasang Chat Box Pada Blog. Kali ini kita akan membahas tentang bagaimana cara membuat/memasang Randem Post widget pada Blog.

Apa itu Random Post widget?, Random post widget adalah sebuah widget yang berfungsi untuk menampilkan/memamerkan secara acak (random) postingan yang ada di blog kita kepada pengunjung yang singgah di blog kita dalam jumlah tertentu (jumlah yang kita seting), postingan yang di tampilkan akan terus berganti-ganti tiap kali pengunjung berpindah halaman.

Jika melihat fungsinya di atas tentunya widget random post sangat penting kegunaanya untuk blog kita. Ga pake lama langsung saja untuk cara membuatnya.

1. Pertama masuk ke Blogger anda kemudian buat widget baru di sidebar ( LAYOUT > ADD A GADGET > HTML Javascript ) beri nama Random Post atau sesuai selera anda terserah.


2. Kemudian Copy dan Paste kan Kode random Post di bawah ini ke dalam gadget baru tadi :

<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://cipunkshare.blogspot.co.id',
    maxResults = 8,
    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>

3. Perhatikan Kode di atas terdapat URL dan angka yang saya beri warna merah.
  • Untuk URL rubahlah dengan URL blog anda.
  • Untuk angka 8 merupakan jumlah judul postingan yang nantinya di tampilkan, jadi bisa di rubah sesuai dengan selera anda.
4. Terakhir Simpan / Save.

Nah, sekarang anda tinggal cek hasilnya, jika pemasangan sudah benar seharusnya Random Post akan tampil. 
Kurang lebihnya seperti itu bagaimana cara membuat Random Post Widget di Blog, jika masih ada yang belum jelas atau ada yang ingin di tanyakan langsung saja anda tanyakan melalui kolom komentar ataupun kontak saya.
Selamat mencoba, semoga bermanfaat, Terima Kasih..

Subscribe to receive free email updates:

0 Response to "CARA MEMBUAT RANDOM POST DI BLOG PALING MUDAH"

Post a Comment

Terima Kasih Sudah Berkunjung.. Jika berkenan silahkan berikan komentar Anda mengenai artikel atas.. Setiap Kritik ataupun Saran yang Anda berikan sangat berguna untuk perkembangan dan kemajuan Blog ini..