Membuat recent comments dengan javascript

Kamis, 15 Juli 2010

oke kali ini kita akan membahas cara membuat recent comment


Recent comment atau komentar terbaru adalah sebuah fungsi untuk menampilkan komentar terbaru secara real-time pada blog kita. Jadi jika ada pengunjung yang berkomentar di postingan kita maka kita bisa langsung tahu dan bisa langsung untuk menanggapinya. Cara ini sangat berguna bagi blog yang mempunyai traffic tinggi dan sering mendapat komentar.

Sebenarnya ada cara lain untuk mengetahui komentar masuk yaitu dengan fasilitas pemberitahuan komentar via email yang disediakan oleh blogger. Namun cara ini juga kurang efektif karena kita harus selalu login ke email untuk mengeceknya.

Yok Langsung lihat tutorialnya,silahkan dipilih!! Ada dua cara:

1. Membuat Recent Comment Via JavaScript

Untuk bisa memasukan recent comment via JavaScript, silakan masuk ke Page Element dan Add a Page Element. Setelah itu pilih HTML/Javascript dan ketikan kode di bawah ini 



<ul><script style="text/javascript">
function showrecentcomments(json) {
for (var i = 0; i < 5; i++) {
var entry = json.feed.entry[i];
var ctlink;
var commentdate = entry.published.$t;
var cdyear = commentdate.substring(0,4);
var cdmonth = commentdate.substring(5,7);
var cdday = commentdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
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>');
if (comment.length < 50) {
document.write('<div style="font-size:90%;background-color: #E8EEFA;border: #C3D9FF 1px dashed;margin-right:5px">' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
document.write(' - ' + entry.author[0].name.$t + ' membalas di');
document.write(' ' + pttitle + ':</div>');
document.write(comment);
}
else
{
comment = comment.substring(0, 50);
var quoteEnd = comment.lastIndexOf(" ");
comment = comment.substring(0, quoteEnd);
document.write('<div style="font-size:90%;background-color: #E8EEFA;border: #C3D9FF 1px dashed;margin-right:5px">' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
document.write(' - ' + entry.author[0].name.$t + ' berkomentar di');
document.write(' ' + pttitle + ':</div>');
document.write(comment + '...<a href="' + ctlink + '">(lanjut)</a>');
}
}
document.write('</li>');
}
</script>
<script src="http://nama blog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script>

Dan untuk nama blog harus diganti dengan milik Anda. Mudah kan? Jika hasilnya kepanjangan silahkan dibuat scroll



Artikel Terkait:

1 comments:

Jane mengatakan...

nice tutorial here

Posting Komentar