Cara Membuat Widget Random Post Di Blogger

Widget Random Post adalah sebuah widget blogger yang menampilkan judul postingan secara acak. Pada umumnya, Widget random post ini sering di pasang di sidebar blog atau di bagian Footer. Tampilan dari widget ini sangat simple, hampir mirip dengan tampilan Widget Recent Post (Bukan widget Recent Post Thumbnail). Untuk lebih jelasnya, perhatikan saja Screen Short yang ada di bawah ini! Screen Short ini saya ambil dari salah satu blog milik orang India dengan menggunakan aplikasi Snipping Tool.

Mungkin, tampilan dari widget Random Post ini sedikit berbeda dengan Screen Short di atas, jadi untuk melihat bentuk atau tampilan Real-nya, silahkan sobat blogger langsung mempraktikan posting yang saya sajikan ini.

---

Cara Memasang Random Post Widget di Blogger

---

• Sign In di blogger.com
• Pada menu drop down, pilih Layout
• Klik Add a gadget dan pilih HTML/JavaScript
• Copy Paste kode kode di bawah ini pada kolom yang tersedia:

<style type="text/css">
.noop-random-posts ul li {
    list-style-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyATHFcI7ea5docwLrFlIGpjcLpQad71eotNftfY10D-FqVtJb04IZuk6qIv8gIO1DBEZRy89FemoszaThx774ucxBN-Ec3TFoufvWWbr1tgu6CZLr8QpU-7zHmdTWPF8JhC_On5de6ZI/s1600/tick+list+style.png");
}
</style>
<p style="display:none;">Random Posts Widget by <a href="http://www.tutorialblogspot.com/">Tutorial Blogspot</a></p>
<div class="noop-random-posts"><script type="text/javascript">
    var randarray = new Array();var l=0;var flag;
    var numofpost=10;function nooprandomposts(json){
    var total = parseInt(json.feed.openSearch$totalResults.$t,10);
    for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
    if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
    for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
    for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
    document.write(item);}}
    }document.write('</ul>');}
    </script>
<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=nooprandomposts"></script></div>

• Simpan Widget sobat

Tambahan:
var numofpost=10; adalah jumlah judul posting yang akan ditampilkan, silahkan disesuaikan dengan keinginan sobat blogger