Cara Membuat Recent Comment Pada Blogger

Tweet

[ I ]

Membuat recent comment pada blog berguna untuk mengetahui komentar - komentar yang baru ditulis oleh pegunjung blog. Pada saat jumlah postingan di sebuah blog sudah begitu banyak maka kita tidak mungkin mengetahui recent comment atau komentar baru dengan melihat setiap postingan yang kita buat, karena hal itu akan membuang banyak waktu (dan mungkin juga uang, karena online nya jadi lebih lama, hehe...). Untuk mengatasi hal itu maka lebih baik kita membuat recent coment di halaman depan blog. Dengan adanya recent comment ini maka kita tinggal melihat komentar - komentar yang baru, dan bisa mngetahui dari postingan artikel yang manakah komentar itu berasal. Dan keuntungan lainnya kita jadi bisa merespon komentar tsb dengan cepat.


Untuk membuat sebuah recent comment sahabat bisa membuat script javascript seperti  di bawah ini. Untuk var numcomments = 5 itu adalah jumlah comment yang akan ditampilkan. Sahabat bisa mengubah jumlahnya sesuai dengan yang diinginkan. Dan untuk nama blognya (di script ini http://ciki-cikibung.blogspot.com) ganti dengan blog sahabat.

<script style="text/javascript">

function showrecentcomments(json) {

for (var i = 0; i < numcomments; i++) {

var entry = json.feed.entry[i];

var alturl;

if (i == json.feed.entry.length) break;

for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == 'alternate') {

alturl = entry.link[k].href;

break;

}

}

alturl = alturl.replace("#", "#comment-");

var postlink = alturl.split("#");

postlink = postlink[0];

var linktext = postlink.split("/");

linktext = linktext[5];

linktext = linktext.split(".html");

linktext = linktext[0];

var posttitle = linktext.replace(/-/g," ");

posttitle = posttitle.link(postlink);

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 ("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 (!standardstyling) document.write('<div class="bbrecpost">');

if (standardstyling) document.write('<br/>');

if (showcommentdate == true) document.write('On ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday + ' ');

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

if (showposttitle == true) document.write(' on ' + posttitle);

if (!standardstyling) document.write('</div><div class="bbrecpostsum">');

if (standardstyling) document.write('<br/>');

if (comment.length < numchars) {

if (standardstyling) document.write('<i>');

document.write(comment);

if (standardstyling) document.write('</i>');}

else

{

if (standardstyling) document.write('<i>');

comment = comment.substring(0, numchars);

var quoteEnd = comment.lastIndexOf(" ");

comment = comment.substring(0, quoteEnd);

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

if (standardstyling) document.write('</i>');}

if (!standardstyling) document.write('</div>');

if (standardstyling) document.write('<br/>');

}

if (!standardstyling) document.write('<div class="bbwidgetfooter">');

if (standardstyling) document.write('<br/>');

}

var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script><script src="http://www.kumpulan-tutorial.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Lalu untuk memasangnyadi halaman blog caranya adalah seperti biasa:
1. Tulis atau biar lebih mudah copy saja script di atas
2. Login ke blog sahabat
3. Pada halaman dashboard klik "design/rancangan"
4. Klik "Tambah Gadget"
5. Pilih "HTML/Javascript"
6. Paste script tersebut
7. Save selesai

Artikel Yang Mungkin Anda Suka: