Membuat Recent Post Sederhana

Malam ini kembali lagi membuat kumpulan tip dengan topik Recent Post.  Recent post ini sangat sederhana tetapi mempunyai kegunaan yang tidak kalah pentingnya. Dengan mengurutkan berdasarkan tanggal postingan maka recent postnya pun menampilkan tanggal artikel ini di post.
Berikut cara membuatnya :

• Masuk dulu ke Blogger terus pilih Layout
• Klik pada Page Elements trus pilih Add page element lalu cari HTML/Javascript
• Copy kode dibawah ini dan taruh dalam kotak content

<script>
//credit to hoctro
function rp(json) {
document.write('<ul>');
for (var i = 0; i < numposts; i++) {
document.write('<li>');
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
posttitle = posttitle.link(posturl);
var readmorelink = "(lagi)";
readmorelink = readmorelink.link(posturl);
var postdate = entry.published.$t;
var cdyear = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdday = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
if ("content" in entry) {
var postcontent = entry.content.$t;
} else if ("summary" in entry) {
var postcontent = entry.summary.$t;
} else
var postcontent = "";
var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");
if (showpostdate == true) document.write('' + cdday + ' ' + monthnames[parseInt(cdmonth,10)] + ' - ');
document.write(posttitle + ' ');
if (showpostsummary == true) {
if (postcontent.length < numchars) {
document.write(postcontent);
} else {
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write('-> ' + postcontent + '...' + readmorelink);
}
}
document.write('</li>');
document.write('<hr width="100%" size="1" />');
}
document.write('</ul>');
}
</script><script>var numposts = 17; var showpostdate = true; var showpostsummary = false; var numchars = 100; </script><script src="http://ruditabuci.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"> </script>

Ganti ruditabuci.blogspot.com dengan nama blog Anda serta numpost=17 angka "17" menunjukkan jumlah "Recent Post" yang akan ditampilkan, Anda bisa menggantinya sesuai keinginan.
Simpan dan lihat hasilnya.
Selamat mencoba!

Related Articles by Category