Membuat Posting Terbaru (Recent Post)

Posting terbaru beralias pula Recent Post berisikan informasi singkat tentang setiap posting yang telah dipublikasikan secara teratur, berurutan, dan sistematis. Biasanya letaknya pada halaman samping (side element). Maksud dari posting terbaru adalah agar pengunjung blog dapat memonitor posting paling baru yang ditulis oleh pemilik blog. Karena gadget ini berisi info singkat, maka fungsi lainnya adalah sebagai simple link yang mengarah ke posting yang telah ditulis sebelumnya. Apabila kamu tertarik, mari kita kupas one by one cara membuatnya.

Berikut source code posting terbaru yang dapat kamu simpan (copy-paste) selengkapnya :

// ----------------------------------------
// SHOW RECENT POST
// ----------------------------------------
// This functions takes a blogger-feed in JSON
// format and displays it.
//
// Version: 2.1
// Date: 2007-02-02
// Author: Hans Oosting
// URL: beautifulbeta.blogspot.com
// ----------------------------------------

function showrecentposts(json) {

for (var i = 0; i < numposts; i++) {
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 = "(Baca)";
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 (!standardstyling) document.write('<div class="bbrecpost">');
if (standardstyling) document.write('<br/>');
document.write(posttitle);
if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
if (!standardstyling) document.write('</div><div class="bbrecpostsum"">');
if (showpostsummary == true) {
if (standardstyling) document.write('<br/>');
if (postcontent.length < numchars) {
if (standardstyling) document.write('<i>');
document.write(postcontent);
if (standardstyling) document.write('</i>');}
else {
if (standardstyling) document.write('<i>');
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...' + readmorelink);
if (standardstyling) document.write('</i>');}
}
if (!standardstyling) document.write('</div>');
if (standardstyling) document.write('<br/>');
}
if (!standardstyling) document.write('<div class="bbwidgetfooter">');
if (standardstyling) document.write('<br/>');
document.write('<span ></span>');
if (!standardstyling) document.write('</div>');

document.write('<span >Widget by <a href="http://hackosphere.blogspot.com">Hackosphere</a><br/>Powered by <a href="http://beautifulbeta.blogspot.com">Beautiful Beta</a></span>');
if (!standardstyling) document.write('</div>');
}

atau
Download versi Notepadnya disini

Sedangkan cara memasangnya di blogger dapat dilakukan melalui 2 (dua) cara.

Pertama :
Cara singkat cukup kamu copy - paste kode di bawah ini pada elemen halaman (tambah gadget) baru.

<script style="text/javascript" src="http://www.geocities.com/asmara.4477/postingterbaru.txt"></script><script style="text/javascript">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src="http://suka-sukacom.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

Ganti bagian kode yang berwarna hijau dengan alamat blogmu.


Kedua :
Kamu telah memiliki sebuah site tempat menyimpan (upload) file yang berisi source code posting terbaru, misalnya; www.geocities.com. Untuk cara-cara menyimpan file di Geocities baca juga : Manfaat Geocities untuk Blog
Setelah selesai disimpan/upload, ikuti cara pertama dengan mengganti bagian kode yang berwarna merah dengan alamat site penyimpanan file kamu dan ganti juga bagian kode yang berwarna hijau dengan alamat blogmu.

Sumber :

• O-om.Com dalam postingan Full Source Code "Recent Post" For Blogger Beta