carainiitu.com - Siapa sih yang ndak tahu Widget Random Post pada blog? Kali ini saya akan membahas tentang Cara Mudah Membuat Widget Random Post Sederhana di Blog. Widget Random Posts ini tidak kalah penting dengan popular posts ataupun recent posts. Dimana Widget Random Posts ini menampilkan posting-posting pada Blog sobat secara acak dan berbeda pada setiap penayanganya. Sehingga posting-posting lama pada Blog sobat bisa ditampilkan kembali dengan Widget ini.
Dengan bisa ditampilkanya posting lama tersebut, tentunya membuat posting itu tidak terlalu diabaikan. Namun widget ini tidak disertai Gambar dan Penjelasan Konten, hanya memuat link Judulnya saja. Sehingga bagi sebagian sobat Blogger mungkin menilainya kurang menarik. Tapi cocok sekali untuk para Blogger yang menyukai kesederhanaan widget. Jika sobat ingin Widget Random Posts yang lebih menarik, silakan kunjungi Cara Mudah Membuat Widget Random Posts di Blog atau Cara Mudah Membuat Widget Random Post Berjalan di Blog.
1. Login ke akun Blogger sobat tentunya.
2. Masuk pada bagian Tata Letak.
3. Klik Tambah Gadget di posisi yang sobat inginkan.
4. Pilih mode HTML/Javascript.
5. Masukan kode berikut.
<div style="overflow:auto; width:auto; height:250px; padding:5px;border:px solid #000000; font-family:julee; font-size:15px; font-color:#0000FF;">
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(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('<ol>');
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('</ol>');}
</script>
<script src="http://termuat.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>
</div>
<small><a href="http://termuat.blogspot.com/search/label/Widget" target="_blank">Blogger Widget</a></small>
<small><a href="http://termuat.blogspot.com/2014/10/cara-mudah-membuat-widget-random-post.html" target="_blank">Get This Widget</a></small>
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(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('<ol>');
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('</ol>');}
</script>
<script src="http://termuat.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>
</div>
<small><a href="http://termuat.blogspot.com/search/label/Widget" target="_blank">Blogger Widget</a></small>
<small><a href="http://termuat.blogspot.com/2014/10/cara-mudah-membuat-widget-random-post.html" target="_blank">Get This Widget</a></small>
#Ubahlah kode berwarna merah dengan URL Blog sobat. Pada kode diatas terdapat kode-kode ukuran dan warna yang bisa sobat ubah. Contohnya kode yang berwarna hijau adalah tinggi widget. Dan kode berwarna biru adalah jumlah posting yang akan ditampilkan pada widget.
6. Klik Simpan dan selesai. Lihat hasilnya.
