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 < 6; 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, "");
if (i==0) {
document.write('<li class="clear" style="border-top: 0pt none;">');
}
else{
document.write('<li class="clear">');
}
document.write('<a href="' + ctlink + '"><strong>' + entry.author[0].name.$t + '</strong></a> says:');
if (comment.length < 100) {
document.write('<a target="_blank" href="' + ctlink + '">'+comment+ '</a>');
}
else
{
comment = comment.substring(0, 100);
var quoteEnd = comment.lastIndexOf(" ");
comment = comment.substring(0, quoteEnd);
document.write('<a target="_blank" href="' + ctlink + '">'+comment + '...</a>');
}
}
document.write('</li>');
}
</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&callback=showrecentcomments'/>
</ul></script></ul>
- Selesai
4 Comment :
mantep gan!!! sip lah tutorialnya
bos gimana cara buar recent comments yang ada avatarnya kayak yang di blog Anda ini, terimakasih sebelumnya
Lihat disini sob, smoga membantu: http://skocikita.blogspot.com/2012/02/pasang-recent-comment-dengan-gambar.html
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