Recent Post Widget

Beberapa waktu yang lalu, saya telah mempublikasikan posting tentang cara membuat related post dibawah posting, menghilangkan 'newer post' dan 'older post', judul posting tanpa isi, dan sebagainya. Semoga itu cukup membantu untuk mempercantik blog anda. 

Kali ini saya akan berbagi dengan anda cara membuat widget recent post yang fungsinya untuk menampilkan posting terakhir yang telah anda tampilkan. Meskipun posting sejenis yang juga membahas tentang cara membuat recent post telah bertebaran, namun tidak ada salahnya saya juga berbagi tips dengan anda.

Cara membuatnya cukup mudah dan sederhana, mari simak penjelasan saya berikut ini.

Langkah yang perlu anda lakukan adalah pilih tab Layout | Page Element | Add a Gadget | HTML/Java Script type, lalu copykan kode berikut ini :

<script>
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 = "(more)";
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, "");
document.write(posttitle);

if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);

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('</ul>');

}
</script>

<script>
var numposts = 10;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
</script>

<script src="http://NAMA_BLOG.BLOGSPOT.COM/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script><br/><span style="font-size: x-small;"><a href="http://bqychodtz.blogspot.com">Get Widgets</a></span>

Setelah mengcopy script di atas, langkah selanjutnya yaitu mengganti kode yang berwarna merah dengan nama blog anda sendiri. Langkah terakhir, jangan lupa tekan tombol save.

---

# Keterangan : kode yang berwarna biru adalah pilihan yang bisa anda tentukan sendiri sesuai keinginan (relatif). False artinya adalah menyembunyikan, sedangkan jika anda ingin menampilkan cuplikan posting misalnya, silakan ganti dengan true.

Cukup mudah bukan?? Sekarang silakan lihat hasil dari recent post widget yang telah anda buat tadi. Selamat mencoba. Tunggu artikel saya selanjutnya...

---

Artikel Terkait Lainnya