Cara membuat recent post di blogger

Membuat recent post sebenarnya bisa dengan memanfaatkan widget dari blogger dengan cara memasukkan rss feed. Namun sayangnya recent post yang bisa digunakan maksimal cuma 5 post saja. Padahal recent post merupakan salah satu hal yang bisa mempermudah navigasi bagi pengunjung blog, sehingga para pengunjung blog kita bisa lebih berlama-lama demi memilih banyak postingan.

Oke, mungkin cara ini bisa digunakan. Cara membuat recent post di blogger berikut menggunakan 2 kode. Kode pertama yaitu kode untuk disimpan dihosting, sedangkan kode kedua untuk dipasang di blog sobat, yaitu bagian page element.

Langsung saja, berikut kode pertama, silahkan simpan dalam notepad, beri nama recentpost.txt dan simpan di hosting.

// ----------------------------------------

// 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 style="font-size:80%;"></span>');

if (!standardstyling) document.write('</div>');

document.write('<span style="font-size:80%;">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>');

}

Untuk melakukan memanggilan pada kode diatas kita tinggal menggunakan code dibawah ini, caranya tinggal copy paste code tersebut dan masukan pada halaman element blogger.

Berikut kode kedua:

<script style="text/javascript" src="http://www.tempat-menyimpan-kode-pertama.com/recentpost.txt"></script><script style="text/javascript">var numposts = 10;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src="http://nama-blog-sobat.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>