Berikut ini saya bagikan cara membuat widget / gadget Random Posts untuk blogger. OK, langsung saja ke cara pembuatannya.
- Login ke Blogger.com menggunakan akun Anda.
- Pilih menu Tata Letak / Layout seperti gambar di bawah ini.
- Setelah itu pilih Tambah Gadget / Add Gadget (lihat gambar di bawah ini).
- Kemudian pilih HTML/JavaScript (lihat gambar di bawah ini).
- Setelah itu copy paste kode di bawah ini.
- Setelah itu lihat hasilnya. Selesai.
<style type="text/css">
.rp-pubdate {
font-style: italic !important;
margin-bottom: 3px !important;
}
</style>
<script type="text/javascript">
var randarray = new Array();
var l=0;
var flag;
var lengthsummary=70;
var numofpost=5;
var showdate=false;
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('<ul style="line-height:10px;">');
for(n in randarray){
var p=randarray[n];
var entry=json.feed.entry[p-1];
var item ="";
var posttitle = entry.title.$t || "[Untitled]";
"[Untitled]"
for(k=entry.link.length -1; k >= 0 ; k--){
if(entry.link[k].rel=='alternate'){
item +="<li><a href='" + entry.link[k].href + "'>" + posttitle + "</a>";
break;
}
}
item += "<br"
item += "/>"
if(showdate==true){
var pubdate = new Date(entry.published.$t).toDateString();
item +="<span class='rp-pubdate'>Posted On " + pubdate +"</span><br/>";}
var summary = "";
if ("content" in entry) {
summary = entry.content.$t;
}
else if ("summary" in entry) {
summary = entry.summary.$t;
}
var re = /<\S[^>]*>/g;
summary = summary.replace(re, "");
item += summary.substring(0,lengthsummary) + " ...</li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript">
</script>
var lengthsummary=70; (70 adalah jumlah karakter huruf yang ditampilkan.)
var numofpost=5; (5 adalah jumlah posting / artikel yang ditampilkan.)
var showdate=false; (Gunakan false untuk menyembunyikan tanggal dan true untuk menampilkannya.)