Pasang Recent Comment Dengan JavaScript

Recent comment membantu kita khususnya sebagai admin untuk melihat komentar terbaru yang masuk ke dalam blog. Dengan ini kita pun akan lebih mudah untuk melihat dan membalas komentar dari pengunjung terutama yang tidak menyertakan persetujuan dalam menampilkan komentar.

Untuk membuat recent comment pada blog bisa anda lakukan dengan mengikuti langkah berikut:
  • Silahkan copy kode berikut ini dan letakkan setelah kode <body>  pada template anda:
<script style='text/javascript'>
function showrecentcomments(json) {
for (var i = 0; i &lt; 6; i++) {
var entry = json.feed.entry[i];
var ctlink;
if (i == json.feed.entry.length) break;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
ctlink = entry.link[k].href;
break;
}
}
ctlink = ctlink.replace(&quot;#&quot;, &quot;#comment-&quot;);
var ptlink = ctlink.split(&quot;#&quot;);
ptlink = ptlink[0];
var txtlink = ptlink.split(&quot;/&quot;);
txtlink = txtlink[5];
txtlink = txtlink.split(&quot;.html&quot;);
txtlink = txtlink[0];
var pttitle = txtlink.replace(/-/g,&quot; &quot;);
pttitle = pttitle.link(ptlink);
if (&quot;content&quot; in entry) {
var comment = entry.content.$t;}
else
if (&quot;summary&quot; in entry) {
var comment = entry.summary.$t;}
else var comment = &quot;&quot;;
var re = /&lt;S[^&gt;]*&gt;&gt;/g;
comment = comment.replace(re, &quot;&quot;);
if (i==0) {
document.write(&#39;&lt;li class=&quot;clear&quot; style=&quot;border-top: 0pt none;&quot;&gt;&#39;);
}
else{
document.write(&#39;&lt;li class=&quot;clear&quot;&gt;&#39;);
}
document.write(&#39;&lt;a href=&quot;&#39; + ctlink + &#39;&quot;&gt;&lt;strong&gt;&#39; + entry.author[0].name.$t + &#39;&lt;/strong&gt;&lt;/a&gt; says:&#39;);
if (comment.length &lt; 100) {
document.write(&#39;&lt;a target=&quot;_blank&quot; href=&quot;&#39; + ctlink + &#39;&quot;&gt;&#39;+comment+ &#39;&lt;/a&gt;&#39;);
}
else
{
comment = comment.substring(0, 100);
var quoteEnd = comment.lastIndexOf(&quot; &quot;);
comment = comment.substring(0, quoteEnd);
document.write(&#39;&lt;a target=&quot;_blank&quot; href=&quot;&#39; + ctlink + &#39;&quot;&gt;&#39;+comment + &#39;...&lt;/a&gt;&#39;);
}
}
document.write(&#39;&lt;/li&gt;&#39;);
}
</script>
  • Kemudian anda tambahkan element baru HTML/JavaScript lalu masukkan kode berikut ini:
<ul id='recentcomments'>
<script src='/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments'/>
</ul></script></ul>
  •  Selesai
Untuk berlangganan artikel, masukan email anda disini:



4 Comment :

revo mengatakan...

mantep gan!!! sip lah tutorialnya

Revo mengatakan...

bos gimana cara buar recent comments yang ada avatarnya kayak yang di blog Anda ini, terimakasih sebelumnya

Jon Milan's mengatakan...

Lihat disini sob, smoga membantu: http://skocikita.blogspot.com/2012/02/pasang-recent-comment-dengan-gambar.html

yudha mengatakan...

kita juga punya nih artikel mengenai java script, berikut linknya semoga bermanfaat ya :D
http://repository.gunadarma.ac.id/bitstream/123456789/2371/1/02-02-011.pdf

Posting Komentar

Bahasa dapat mencerminkan kepribadian seseorang.
Bagi yang ingin promosi web, blog dan atau mendapatkan backlink dari blog ini, telah disediakan tempat khusus. Klik DISINI

 

Info Olahraga

Info Komputer

Info Blackberry