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 :
<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 < 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!!!
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/JavaScriptKemudian 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 < 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!!!
Tags:
Widget
sips! sudah di coba dan berhasil, tku bro salam
BalasHapusMantap... sangat berhasil...
BalasHapusizin untuk mnjadi follower di blog ini
oke, terima kasih info nya, nice blog
BalasHapusmantap bos tutorialnya
BalasHapusIkut sedot mas bro depalpiss, walau space sudah penuh, tapi widget ini menyangkut sudah layak atau belum eksistensi seorang blogger indonesia
BalasHapus