Membuat Recent Comment dengan summaries

Cara membuat recent comment disertai dengan summaries atau ringkasannya. jika sobat blogger sering blog walking pasti akan sering melihat beberapa blog yang memasang widget recent comment disertai dengan summaries atau ringkasanya.

Widget recent comment ini selain menampilkan summaries juga dapat menampilkan sampai 25 recent comment, jika sobat tertarik untuk memasangnya silahkan sobat ikuti langkah-langkah dibawah ini untuk menginstallnya.

1. Log In ke blogger

2. Masuk ke Rancangan

3. Pada Element Halaman pilih tambah widget

4. Pilih HTML/JavaScript

5. Copy dan Paste Kode dibawah ini kedalam kotak HTML/Javascript tersebut.

<ul style="font-style: italic;"><script style="text/javascript">

function showrecentcomments(json) {

for (var i = 0; i < 20; 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 style="text-align:left">');

document.write('<a href="' + ctlink + '">' + entry.author[0].name.$t + '</a>');

document.write(' on ' + pttitle);

document.write('<br>');

if (comment.length < 150) {

document.write(comment + '...<a href="' + ctlink + '"> (more)</a><br><br>');

}

else

{

comment = comment.substring(0, 150);

var quoteEnd = comment.lastIndexOf(" ");

comment = comment.substring(0, quoteEnd);

document.write(comment + '...<a href="' + ctlink + '"> (more)</a><br><br>');

}

}

document.write('</li>');

}

</script>

<script src="http://azrut91.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">

</script></ul>

6. Simpan dan silahkan sobat lihat hasilnya.