Cara Pasang Widget Komentar Terbaru

Anda merasa kerepotan setiap kali ingin mengecek postingan-postingan mana saja yang telah dan baru dikomentari oleh pengunjung blog Anda.

Tapi Anda tak perlu lagi di repotkan untuk sekedar mengetahui postingan mana saja yang baru di komnetari dengan memasang widget komentar terbaru pada blog Anda.

Nantinya apabila ada pengunjung blog Anda yang meninggalkan komentar pada salah satu postingan Anda, maka secara otomatis komentar tersebut akan muncul pada widget ini.

Cara buatnya pun tidak susah, hanya copy-paste dan sedikit perubahaan pada skrip kode maka widget sudah dapat di jalankan. Silahkan membaca seterusnya...

Berikut langkah-langkahnya :

• Login ke blog Anda seperti biasa
• Setelah itu pilih menu "Tata Letak" --> "Tambah Element" --> "Tambah Html/java script"
• Copy - paste kan kode dibawah ini :
  
  

  <ul><script style="text/javascript">
  function showrecentcomments(json) {
  for (var i = 0; i < 5; i++) {
  var entry = json.feed.entry[i];
  var ctlink;
  if (i == json.feed.entry.length) break;
  for (var k = 0; k < entry.link.length; k++) {
  if (entry.link[k].rel == 'alternate') {
  ctlink = entry.link[k].href;
  break;
  }
  }
  ctlink = ctlink.replace("#", "#comment-");
  var ptlink = ctlink.split("#");
  ptlink = ptlink[0];
  var txtlink = ptlink.split("/");
  txtlink = txtlink[5];
  txtlink = txtlink.split(".html");
  txtlink = txtlink[0];
  var pttitle = txtlink.replace(/-/g," ");
  pttitle = pttitle.link(ptlink);
  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, "");
  document.write('<li>');
  document.write('<a href="' + ctlink + '">' + entry.author[0].name.$t + '</a>');
  document.write(' on ' + pttitle);
  document.write('<br/>');
  if (comment.length < 100) {
  document.write(comment);
  }
  else
  {
  comment = comment.substring(0, 100);
  var quoteEnd = comment.lastIndexOf(" ");
  comment = comment.substring(0, quoteEnd);
  document.write(comment + '...<a href="' + ctlink + '">(more)</a>');
  }
  }
  document.write('</li>');
  document.write('<div style="font-size:75&percnt;;text-align:center"></div>');
  }
  </script>
  <script src="http://namabloganda.blogspot.com/feeds/comments/default?alt="json-in-script&callback="showrecentcomments">
  </script></ul>
  <noscript>You need to enable JavaScript to read this.</noscript>

• Anti kode berwarna merah dengan alamat blog Anda.
• Setelah itu, klik save dan lihatlah hasilnya

Semoga berguna dan Bermanfaat ...