RSS Comments Dengan Javascript

Saturday, April 20, 2013

Membuat recent koment atau komentar terbaru dalam dunia blogging bisa dibilang sangatlah perlu, sebab dengan ditampilkannya komentar-komentar dalam blog kita akan menununjukkan apakah ada komentar dan siapa menulisnya. Untuk itulah RSS Comments yang dimaksud ini hanya menggunakan javascript yang tanpa memberatkan blog kita, buktikan aja?

<script type="text/javascript">
var jmlkomentar = 6,
    jmlkarakter = 20,
    home_page   = "https://idtutorplus.blogspot.com";
</script>
<script type='text/javascript'>
//<![CDATA[
/**
 * Beauty JSON Commentator Sidebar 1.0 (May 29, 2011)
 */

function tampilkankomentar(json) {
 document.write('<div id="komentar"><ul>');
 var entry, urlkomentar, isikomentar, lihatkomentar;
 for (var i = 0; i < jmlkomentar; i++) {
  entry = json.feed.entry[i];
 if (i == json.feed.entry.length) break;
  for (var k = 0; k < entry.link.length; k++) {
   if (entry.link[k].rel == 'alternate') {
    urlkomentar = entry.link[k].href;
    break
   }
  }

  urlkomentar = urlkomentar.replace("#", "#comment-");
  if ("content" in entry) {
   isikomentar = entry.content.$t
  } else if ("summary" in entry) {
   isikomentar = entry.summary.$t
  } else {
   isikomentar = ""
  }

  var re = /<\S[^>]*>/g;
  isikomentar = isikomentar.replace(re, "");
  if (isikomentar.length > jmlkarakter) {
   isikomentar = isikomentar.substring(0, jmlkarakter) + "...";
  }

  document.write('<li>');
  document.write('<b><a rel="nofollow" href="' + urlkomentar + '">' + entry.author[0].name.$t + '</a>: </b>');
  document.write('<span class="isi">' + isikomentar + '</span>');
  document.write('</li>');
 }
 document.write('</ul></div>');
}

document.write('<scr' + 'ipt src="' + home_page + '/feeds/comments/default?redirect=false&alt=json-in-script&callback=tampilkankomentar"><\/script>');
//]]>
</script>

Catatan dari kode yang bergaris bawah diatas :

1. Ganti https://idtutorplus.blogspot.com dengan URL blospot anda
2. Angka 10 merupakan jumlah karakter (kata) pada koementar
3. Angka 6 merupakan jumlah koementar yang akan ditampilkan

Lihat Demo

Pasang Iklan Anda di Sini

Pasang Iklan Anda di Sini