Membuat Widget Recent Post (Tanpa Perlu Hosting Javascript)

Diposting oleh Mizan 11/11/2009

Berikut adalah javascript untuk membuat widget Recent Post, atau Postingan Terbaru pada web atau blog. Script ini langsung tertanam pada halaman HTML, dan bisa langsung di-copy paste ke dalam widget blog, sehingga tidak perlu mengkhawatirkan hostingan javascript yang berpotensi untuk broken-link, entah itu karena di-delete oleh user-nya, atau situs hosting yang error.

<ul>
<script>
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 = "(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, "");
    if (!standardstyling) document.write('<div class="bbrecpost">');
    if (standardstyling) document.write('<li>');
    document.write(posttitle);
    if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday + ', ' + cdyear);
    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('</li>');
}
if (!standardstyling) document.write('<div class="bbwidgetfooter">');
if (standardstyling) document.write('');
if (!standardstyling) document.write('</div>');

}
</script>
<script style="text/javascript">
var numposts = 8;
var showpostdate = true;
var showpostsummary = false;
var numchars = 0;
var standardstyling = true;
</script>
<script src="http://www.yourweb.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts">
</script>
</ul>

Jangan lupa untuk mengganti www.yourweb.com pada text "http://www.yourweb.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts" dengan alamat web atau blog anda.

Untuk mengubah jumlah postingan terbaru yang tampak, cari text 'var numposts = 8', dan ubah angka delapan tersebut sesuai dengan keinginan.

KEMBALI KE ATAS