Cara Menampilkan Artikel Terbaru (Recent Posts) Blog - 2

Ada beberapa cara yang dapat ditempuh untuk menampilkan artikel terbaru antara lain menggunakan gadget recent posts, teks link, gadget Feds, gadget HTML/JavaScript, dan lain-lain.

Artikel terbaru blog adalah artikel yang baru ditulis dan dipublikasikan ke media internet. Artikel terbaru akan selalu muncul paling atas dari beberapa artikel yang ada dalam website atau blog yang bersangkutan.

Halaman posting terbaru tidak hanya bersumber dari artikel yang baru dibuat akan tetapi artikel lama juga bisa muncul paling atas dengan catatan tulisan lama tersebut diperbaharui (update).

Metode menampilkan artikel terbaru yang dibahas pada posting ini adalah menampilkan judul posting terbaru dengan memanfaatkan gadget HTML/JavaScript yang ditulis dengan kode-kode script.

Cara menampilkan artikel terbaru (recent posts) pada side bar blog dapat dilakukan dengan langkah-langkah sebagai berikut:
1. Sign in di blog
2. Klick Rancangan
3. Klick Add gadget/tambah gadget
4. Pilih HTML/JavaScript
am gadget HTML/JavaScript yang baru ditambah tadi
7. Ganti newsternet.blogspot.com dengan url blog milik anda
8. Klick Simpan untuk menyimpan perubahan

Ini kode yang di copy untuk ditempatkan pada gadget HTML/JavaScript

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

</script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script><script src="http://www.ronamasae.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"> </script>

Catatan:
var numcomments = 10 adalah jumlah komentar yang ditampilkan. Dan apabila ingin menambah atau mengurangi jumlah komentar yang ingin ditampilkan dapat merubah angka 10 tersebut.