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/AVvXsEiKCcTkQEp6uPawW1ajEz5J2mJGdNZhyphenhyphenzBu23YKwsFQwg1toAKsC3U2D1-Faf5In-mAtA3dL-YHUuEk_h1Hww2tsWEjvkNi3hilUDBeHsY9evZI_fKIgtroj7_wfLKsxYhSzpFDtvesS4E/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
Advertisment
0 komentar:
Posting Komentar