Membuat Recent Comment dengan JavaScript

Add caption

   Kali ini saya akan memberikan posting kepada para blogger tentang cara membuat Recent Comment dengan JavaScript . cara ini sangat lah mudah , saya yakin para blogger pasti bisa melakukannya:) Langkah-langkah nya di bwh ini : 


1.Masuk DASBOR, TATA LETAK, lalu ELEMEN HALAMAN, pilih HTML/JavaScript.

2.Copy-paste JavaScript berikut di ELEMEN HALAMAN tadi

   <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(alturl);
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";
var comment = entry.content.$t;
var alamat = entry.author.$t;
var re = /<\S[^>]*>/g;
comment = comment.replace(re, "");
if(entry.author[0].uri){
var uri = entry.author[0].uri.$t;
var urilink = uri.split(":");
urilink = urilink[0];
if (urilink != "http") var uri = "http://" + entry.author[0].uri.$t;
}
else {
var uri = false;
}

if(uri){
if (showcommentdate == true) document.write('<div class="komentar-terbaru">' + '<div class="yang-komentar">' + entry.author[0].name.$t + '</div>');
if (showposttitle == true) document.write('&nbsp;on ' +'<div class="judul">'+ posttitle +'</div>');
document.write(':<br/>'+'</div>');
if (comment.length < numchars)
document.write('<div class="isi">' + comment + '</div>');
else
document.write('<div class="isi">'+ comment.substring(0, numchars) + '...'+'</div>' );
}

else {
if (showcommentdate == true) document.write('<div class="komentar-terbaru">' + '<div class="yang-komentar">' + entry.author[0].name.$t + '</div>');
if (showposttitle == true) document.write('&nbsp;on ' +'<div class="judul">'+ posttitle +'</div>');
document.write(':<br/>'+'</div>');
if (comment.length < numchars)
document.write('<div class="isi">' + comment + '</div>');
else
document.write('<div class="isi">'+ comment.substring(0, numchars) + '...'+'</div>' );
}
}
}</script><script style="text/javascript">var numcomments = 9;var showcommentdate = true;var showposttitle = true;var numchars = 100;</script><script src="http://mycoretanprocess.blogspot.com/feeds/comments/default?max-results=10&alt=json-in-script&callback=showrecentcomments"></script>

Catatan :

Ubah mycoretanprocess.blogspot.com dengan nama blog anda.

Angka 10 adalah menunjukkan komentar yg akan di tmpilkan, silakan rubah sesuai keinginan para blogger :)

3. Setelah selesai copy-paste, silakan save terlebih dahulu.

4. Lalu kembali ke TATA LETAK, terus EDIT HTML.

5. Copy code CSS di bawah ini, Lalu PASTE sebelum kode ]]></b:skin>

/* Komentar Terbaru */
.isi {
padding-bottom:10px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:17px;
}

.judul {
display:inline;
text-transform:capitalize;
}

.yang-komentar {
display: inline;
font-weight:bold;
}

.komentar-terbaru {
padding: 2px 0 2px 17px ;
border-top:1px solid #809fbd;
border-bottom: 1px solid #809fbd;
background: #D3DFE9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijiVNJ0mPPL4cT9zwr7Yx_yaT8MA9ocBjD-1MwFfl1LGqnECwNPiHGh6SXA4XGfc3q13XYEfsMsaBUuZ9fL3kGaTp7r0_26BYAqOly4S5FTMQ-8DO6ZIKKS5CS8QkT5g6uPZOo6ozOVH0/s400/blue.gif) no-repeat 2px 6px;
}


5. JANGAN LUPA DI SAVE dan Lihat hasilnya :)

Catatan :

Silahkan rubah https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijiVNJ0mPPL4cT9zwr7Yx_yaT8MA9ocBjD-1MwFfl1LGqnECwNPiHGh6SXA4XGfc3q13XYEfsMsaBUuZ9fL3kGaTp7r0_26BYAqOly4S5FTMQ-8DO6ZIKKS5CS8QkT5g6uPZOo6ozOVH0/s400/blue.gif dengan link gambar anda.      

Smoga Berhasil & Jangan lupa Commetnya :)