Friday, December 9, 2011

Menambahkan “Recent Comment” pada Blogspot

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

<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://rizkyfauzi19.blogspot.com/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments">
</script>
</ul>

Jangan lupa diganti alamat url blog (rizkyfauzi19.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.

0 comments:

Post a Comment

Manfaatkanlah ilmu yang kau dapatkan, berikan kepada orang yang membutuhkan walaupun tanpa imbalan, maka insyaallah ilmu mu akan terus bertambah. - Rizky Fauzi