05 February, 2010

Menampilkan Recent Comments, Komentar terbaru

Untuk mengetahui, pengunjung blog kamu kamu perlu menampilkan recent comments di widget kamu. Ini berguna untuk memunculkan komentar terbaru dari pengunjung blog kamu.

Sebenarnya untuk menampilkan komentar terbaru sudah ada di tambah gadget bawaan blogspot, di paling populer namun banyak dari para blogger enggan mengunakannya. Oke langsung aja kita buat Recent Comments-nya


Caranya :
Log In Ke dasbor blogger kamu --- Klik Tata Letak/lay Out --- Tambah Gadget --- Pilih HTML/JavaScript
Kemudian Copy paste-kan Kode di bawah, beri judul Recent Comments atau Komentar terbaru


<ul><script style="text/javascript">
function showrecentcomments(json) {
for (var i = 0; i < 5; i++) {
var entry = json.feed.entry[i];
var ctlink;
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 (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>');
if (comment.length < 50) {
document.write('<div style="font-size:90%;background-color: #dcdcdc;border: #dcdcdc 1px dashed;margin-right:5px">' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
document.write(' - ' + entry.author[0].name.$t + ' commented on');
document.write(' ' + pttitle + ':</div>');
document.write(comment);
}
else
{
comment = comment.substring(0, 50);
var quoteEnd = comment.lastIndexOf(" ");
comment = comment.substring(0, quoteEnd);
document.write('<div style="font-size:90%;background-color: #dcdcdc;border: #dcdcdc 1px dashed;margin-right:5px">' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
document.write(' - ' + entry.author[0].name.$t + ' commented on');
document.write(' ' + pttitle + ':</div>');
document.write(comment + '...<a href="' + ctlink + '">(more)</a>');
}
}
document.write('</li>');
}
</script>
<script src="http://piss-blogger.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script></ul>
<noscript>You need to enable JavaScript to read this.</noscript>


Keterangan : 
for (var i = 0; i &lt; 5; i++) {  : Angka 5 pada kode ini, berarti menampilkan ninimal komentar angka lima bisa di ganti sesuai dengan kebutuhan penampilan komentar.
background-color: #dcdcdc;border: #dcdcdc : Kode ini, adalah untuk menampilkan warna dari latar-belakang komentar ini juga bisa di ganti. Denagan kode warna HTML yang lain. Untuk melihat Kode HTML KLIK DI SINI

http://piss-blogger.blogspot.com : Dan Untuk Kode yang warna Biru, ganti dengan URL blog kamu.

Gampang khan!!

Oke selamat mencoba!!!

5 comments

  1. sips! sudah di coba dan berhasil, tku bro salam

    ReplyDelete
  2. Mantap... sangat berhasil...
    izin untuk mnjadi follower di blog ini

    ReplyDelete
  3. oke, terima kasih info nya, nice blog

    ReplyDelete
  4. Ikut sedot mas bro depalpiss, walau space sudah penuh, tapi widget ini menyangkut sudah layak atau belum eksistensi seorang blogger indonesia

    ReplyDelete


Copyright © 2016 Photoshop blog dan Blogger