Menambahkan Gadget Recent Comments

Pertama-tama saya akan menjelaskan terlebih dahulu apa itu recent comment, recent comment adalah suatu widget dimana terdapat didalamnya beberapa komentar terbaru dari pengunjung lengkap dengan cuplikan komentar dan nama dari si pengomentar,  widget recent comment ini sangat berguna untuk memantau blog kita dari pengunjung yang datang dan memberikan komentar kepada salah satu postingan kita, sehungga kita dapat  mengetahuinya dan segera  membalasnya.

Sebenarnya saya pun juga sudah menerapkan widget ini  dan hasilnya pun berhasil, baiklah sekarang setelah anda mengetahui apa itu recent comment, bila anda tertarik berikut cara membuatnya:

1. Login ke bloggger

2. Masuk ke elemen laman rancangan

3. Kemudian tambahkan gadget lalu copy script berikut

4. Dan kemudian simpan dengan judul komentar terbaru atau sesuai dengan keinginan anda.

<ul><script style="text/javascript">

function showrecentcomments(json) {

for (var i = 0; i < 3; 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://blogtutormaster.blogspot.com/2009/02/How-to-make-recent-comment.html"></a></div>');

}

</script>

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

</script></ul>

<noscript>You need to enable JavaScript to read this.</noscript>

Keterangan:  link yang berwarna biru dapat anda ganti dengan link website anda.

Baiklah saya rasa cukup sekian, selamat mencoba dan semoga sukses,,, :)

Posted in: Tips Blogging