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?

1code-line:1-12code-line:1-23code-line:1-34code-line:1-45code-line:1-56code-line:1-67code-line:1-78code-line:1-89code-line:1-910code-line:1-1011code-line:1-1112code-line:1-1213code-line:1-1314code-line:1-1415code-line:1-1516code-line:1-1617code-line:1-1718code-line:1-1819code-line:1-1920code-line:1-2021code-line:1-2122code-line:1-2223code-line:1-2324code-line:1-2425code-line:1-2526code-line:1-2627code-line:1-2728code-line:1-2829code-line:1-2930code-line:1-3031code-line:1-3132code-line:1-3233code-line:1-3334code-line:1-3435code-line:1-3536code-line:1-3637code-line:1-3738code-line:1-3839code-line:1-3940code-line:1-4041code-line:1-4142code-line:1-4243code-line:1-4344code-line:1-4445code-line:1-4546code-line:1-4647code-line:1-4748code-line:1-4849code-line:1-4950code-line:1-50<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