CIKI-CIKIBUNG
BELAJAR MEMBUAT BLOG DAN WEBSITE
DENGAN HTML, PHP, MYSQL, FLASH DAN CSS



Cara Membuat Recent Comment Pada Blogger


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://ciki-cikibung.blogspot.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
Selamat melihat - lihat komentar di blog sahabat. Jangan lupa untuk memberikan komentar yah :)

'

13 comments:

  1. trims shob sharenya, langsung padang nich

    ReplyDelete
  2. Ini yg saya cari2 akhirnya ketemu.
    Makasih ya sudah sudi untuk berbagi ilmunya. :)

    ReplyDelete
  3. blogwalking, salam kenal

    ReplyDelete
  4. ini pertama kali ane berkunjung ke Blog sobat makasih sobat atas informasinya ane langsung coba....
    ane undah follow sobat follow back ya sobat

    sukses selalu

    ReplyDelete
  5. makasih bos atas ilmunya, mohon ijin copas ya mau ane taruh di blog yang ane coba2 buat (baru belajar... he..he).
    Tolong kunjungi juga dan kasih komentar masukan buwat ane yg baru di : http://jocovic.cu.cc
    Trims dan sukses terus, ditunggu ilmu2 lainnya

    ReplyDelete
  6. info yang sngat bermanfaat sob...
    ijin naruh dalam blog ane.. :) terus berkarya...happy blogging...

    ReplyDelete
  7. makasih atas tutorialnya sob...mudah juga ternyata

    ReplyDelete
  8. dan sekarang sudah ada widget recent komentar langsung dari bloggernya, memudahkan untuk yang membuat website menggunakan blogger :)

    ReplyDelete

recent comment