Cara Membuat Recent Comment Scroll Pada Blog

Banyak cara untuk membuat recent comment atau komentar terbaru di blogger. Baik melalui menu widget bawaan blogger maupun memasukkan sendiri kode html. Kalau menurut saya ...sich paling bagus kode html. Sebab menu bisa di kustomisasi sendiri. Widget Recent Comment / komentar terbaru sangat berguna untuk admin blog untuk memantau komentar - komentar terbaru di blog. Daripada anda pusing membuka satu - persatu komentar yang ada di postingan.

Untuk membuat recent comment scroll, ikuti langkah - langkah berikut :

1. Login ke account Blogger anda.

2. Masuk ke menu Rancangan. Tambahkan widget baru dengan memilih HTML/Javascript

3. Masukkan script berikut :

<div style="border: 0px solid rgb(204, 204, 204); font-size:x-small;font-family: &quot;Trebuchet MS&quot;padding: 5px; overflow: auto; width: 200px; height: 200px; background-color: #ffffff;"> 

<div style="overflow: auto;width: 200px;height: 300px;text-align: left; "><script style="text/javascript"> function showrecentcomments(json) { var numcomments = 20; var showcommentdate = true; var showposttitle = true; var numchars = 100; 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, ""); 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> berkomentar'); if (showposttitle == true) document.write(' di ' + posttitle); document.write('<br/>'); if (comment.length < numchars) { document.write('<i>'); document.write(comment); document.write('</i>');} else { document.write('<i>'); comment = comment.substring(0, numchars); var quoteEnd = comment.lastIndexOf(" "); comment = comment.substring(0, quoteEnd); document.write(comment + '...<a href="' + alturl + '">(selanjutnya)</a>'); document.write('</i>');} document.write('<br/>'); } document.write('<br/>'); } </script> <script src="http://4softcomputer.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script></div>

5. Simpan widget kamu dan silakan lihat hasilnya

PESAN :

- Dalam teks warna biru, masukkan url blog anda
- Dalam teks warna merah, masukkan banyaknya komentar yang anda inginkan.
- Kode warna  #ffffff, bisa anda ganti warnanya di kode warna di blog ini

Anda bisa melihat contoh dalam daftar komentar saya. Banyaknya komentar yang saya tampilkan sebanyak 20 dan dilengkapi dengan menu scroll.