Masih posting mengenai Blogspot nih. Melanjutkan posting sebelumnya tentang Read More dan Recent Post, yaitu Recent Comment atau Komentar Pengunjung terakhir yang muncul di sidebar seperti pada Wordpress. Pada dasarnya sebenarnya kita sekali lagi memanfaatkan RSS untuk komentar yang kita tarik pada Recent Comment sama seperti pada Recent Post di posting sebelumnya.

Langsung aja ya, langkah-langkahnya prinsip sama dengan pemasangan Recent Post, yang berbeda hanya scriptnya saja. Pertama yaitu kita tentukan dimana Recent Comment akan dipasang, tambahkan Gadget HTML/Javascript.

Silakan masukkan script di bawah ini pada panel Gadget HTML/Javascript.

<ul>
<script style=”text/javascript” src=”http://duniaanda.googlepages.com/typoxp-recentcomments2.js”>
</script>

<script style="text/javascript">
var numcomments = 5;
var showcommentdate = false;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://money-online-banking.blogspot.com/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments">
</script>
</ul>

Silakan ganti alamat url blog (money-online-banking.blogspot.com) dengan alamat url blog kamu.

Untuk script tersebut di atas kita memanfatkan script pengaturan Recent Comment yang tersimpan di duniaanda.googlepages.com. Jika kita menghendaki script tersebut dipasang diblog kita sekalian, maka silakan masukkan script dibawah ini pada panel Gadget HTML/Javasript.

<ul>
<script>
function showrecentcomments(json) {
  for (var i = 0; i < numcomments; i++) {
    var entry = json.feed.entry[i];
    var alturl;

    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
        alturl = entry.link[k].href;
        break;
      }
    }
   alturl = alturl.replace("#", "#comment-");
   var postlink = alturl.split("#");
   postlink = postlink[0];
   var linktext = postlink.split("/");
   linktext = linktext[5];
   linktext = linktext.split(".html");
   linktext = linktext[0];
   var posttitle = linktext.replace(/-/g," ");
   posttitle = posttitle.link(postlink);
   var commentdate = entry.published.$t;
   var cdyear = commentdate.substring(0,4);
   var cdmonth = commentdate.substring(5,7);
   var cdday = commentdate.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 comment = entry.content.$t;}
   else
   if ("summary" in entry) {
     var comment = entry.summary.$t;}
   else var comment = "";
   var re = /<S[^>]*>/g;
   comment = comment.replace(re, "");
   if (!standardstyling) document.write('<div class="bbrecpost">');
   if (standardstyling) document.write('<li>');
   document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a>');
   if (showposttitle == true) document.write(' on ' + posttitle);
   if (showcommentdate == true) document.write(' at ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday + ' ');
   if (!standardstyling) document.write('</div><div class="bbrecpostsum">');
   if (standardstyling) document.write('<br/>');
   if (comment.length < numchars) {
         if (standardstyling) document.write('<i>');
         document.write(comment);
         if (standardstyling) document.write('</i>');}
   else
        {
         if (standardstyling) document.write('<i>');
         comment = comment.substring(0, numchars);
         var quoteEnd = comment.lastIndexOf(" ");
         comment = comment.substring(0, quoteEnd);
         document.write(comment + '...<a href="' + alturl + '">(more)</a>');
         if (standardstyling) document.write('</i>');}
   if (!standardstyling) document.write('</div>');
  }
if (!standardstyling) document.write('<div class="bbwidgetfooter">');
if (standardstyling) document.write('</li>');
if (!standardstyling) document.write('</div>');}
</script>
<script style="text/javascript">
var numcomments = 5;
var showcommentdate = false;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://money-online-banking.blogspot.com/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments">
</script>
</ul>

Jangan lupa diganti alamat url blog (money-online-banking.blogspot.com) dengan url blog kamu ya. Untuk menentukan jumlah komentar yang muncul, silakan isi pada var numcomments (untuk contoh di atas saya menggunakan 5 komentar), dan untuk jumlah karakter di setiap komentar diisikan pada var numbchars (pada contoh di atas saya memilih 100 karakter), setelah itu simpan.

Selesai. Oke, selamat mencoba. Sebagai contoh di atas, saya ambil dari blog http://money-online-banking.blogspot.com/.

Penting: Sebelum memasang script di atas, sebaiknya copy paste di notepad (untuk mengcopy silakan klik icon View Source yang ada di pojok kanan atas > ikon ketiga di sebelah ikon printer), baru kemudian copy paste di blogspot.

1. Menambahkan “Recent Post” pada Blogspot
2. Menambahkan Gadget pada Header Blogspot
3. Bikin Recent Post Blogspot dengan Gambar, Ringkasan dan Komentar
4. Menyembunyikan Navigation Bar pada Blogspot
5. Membuat Daftar Isi atau Table Of Contents (TOC) pada Blogspot