Cara Membuat Daftar Komentar Terbaru Di Blog

Nah agar kita mengetahui adanya komentar terbaru di blog kita maka kita harus menambahkan widget di blog kita. Perlu diketahui bahwa dalam membuat widget komentar terbaru ada dua macam yaitu memanfaatkan RSS Feed dan Javascript  Pada Mantapweb kali ini kita akan membuat Recent Comment alias Komentar terbaru dengan code Javascript.

Di sini akan kita buat secara  singkat dan mudah. silahkan di simak:
  1. Masuk ke Layout blog kamu
  2. Kemudian Tambahkan sebuah gadget
  3. Pilih HTML/Javascript
  4. Copy dan paste kode di bawah ini di dalamnya
<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"><a href="http://mantapweb.blogspot.com/2011/07/cara-membuat-daftar-komentar-terbaru-di.html">Get this Widget</a></div>');
}
</script>
<script src=http://mantapweb.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments>
</script></ul>
<noscript>You need to enable JavaScript to read this.</noscript>
      5. Save and Done
Note:
Ganti URL  http://mantapweb.blogspot .com dengan alamat blog kamu

Nah sekarang kamu dapat mengetahui adanya komentar terbaru di blog kamu, di Mantapweb ini kita saling berbagi ilmu dan sama-sama belajar. Jadi silahkan kasih pertanyaan, saran maupun kritik yang membangun,,
Selamat mencoba 

2 comments

Post a Comment