Widget Recent Comment / Komentar Terbaru Dengan Avatar

Sebenarnya ada alternatif lain untuk mengetahui komentar baru di blog kita, yaitu dengan cara mengecek satu persatu artikel dan melihat komentar yang masuk. Apakah Anda sanggup dan punya banyak waktu untuk melakukan itu? Nah, cara yang ini tentu saja sangat merepotkan karena harus melihat satu-persatu artikel yang ada komentarnya. Untuk itu agar lebih mudah mengetahui komentar terbaru yang masuk ke blog, anda bisa menambahkan widget "Recent Commets" yang sudah disediakan blogger. Selain widget recent comments yang disediakan blogger, anda juga dapat membuat sendiri widget recent comment ini dengan menambahkan fitur avatar agar lebih memperindah tampilan widget tersebut.

OK langsung saja ikuti langkahnya sebagai berikut :

Login ke blogger dengan akun Anda.
Di dashboard masuk ke layout
Setelah itu anda pilih add gadget >> HTML/Javascript
Masukkan kode-kode di bawah ini pada kotak HMTL/Javascript
<script style=text/javascript>
function showrecentcomments(json){for(var i=0;i<a_rc;i++){var b_rc=json.feed.entry[i];var c_rc;if(i==json.feed.entry.length)break;for(var k=0;k<b_rc.link.length;k++){if(b_rc.link[k].rel=='alternate'){c_rc=b_rc.link[k].href;break;}}c_rc=c_rc.replace("#","#");var d_rc=c_rc.split("#");d_rc=d_rc[0];var e_rc=d_rc.split("/");e_rc=e_rc[5];e_rc=e_rc.split(".html");e_rc=e_rc[0];var f_rc=e_rc.replace(/-/g," ");f_rc=f_rc.link(d_rc);var g_rc=b_rc.published.$t;var h_rc=g_rc.substring(0,4);var i_rc=g_rc.substring(5,7);var j_rc=g_rc.substring(8,10);var k_rc=new Array();k_rc[1]="Jan";k_rc[2]="Feb";k_rc[3]="Mar";k_rc[4]="Apr";k_rc[5]="May";k_rc[6]="Jun";k_rc[7]="Jul";k_rc[8]="Aug";k_rc[9]="Sep";k_rc[10]="Oct";k_rc[11]="Nov";k_rc[12]="Dec";if("content" in b_rc){var l_rc=b_rc.content.$t;}else if("summary" in b_rc){var l_rc=b_rc.summary.$t;}else var l_rc="";var re=/<\S[^>]*>/g;l_rc=l_rc.replace(re,"");document.write('<div class="rcw-comments">');if(m_rc==true)document.write('On '+k_rc[parseInt(i_rc,10)]+' '+j_rc+' ');document.write('<span class="author-rc"><a href="'+c_rc+'">'+b_rc.author[0].name.$t+'</a></span> commented');if(n_rc==true)document.write(' on '+f_rc);

if(o_rc==0){
document.write('</div>');
}

else{
document.write(': ');if(l_rc.length<o_rc){document.write('<i>“');document.write(l_rc);document.write('”</i></div>');}else{document.write('<i>“');l_rc=l_rc.substring(0,o_rc);var p_rc=l_rc.lastIndexOf(" ");l_rc=l_rc.substring(0,p_rc);document.write(l_rc+'…”</i></div>');document.write('');}
}
}
}
</script>
<script style=text/javascript >
var a_rc=5;
var m_rc=false;
var n_rc=true;
var o_rc=100;
</script>
<script src=http://online-service-yangkutahu.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script>
<span id=rcw-cr><a href=http://online-service-yangkutahu.blogspot.com/2012/03/widget-recent-comment-komentar-terbaru.html>Recent Comments Widget</a></span>
<style type=text/css>
.rcw-comments a {text-transform: capitalize; color:blue;}
.rcw-comments {border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom: 7px!important;}
#rcw-cr {font-family: Arial,Tahoma;font-size:9px;padding-top:7px;display:block;}
</style>
Keterangan :
Warna merah (5) : adalah jumlah komentar yang ditampilkan
Warna hijau (100) : Jumlah karakter huruf komentar
Warna biru : ganti dengan nama blog Anda.
Terakhir save, membuat recent comment telah selesai.

Smoga bermanfaat.....

Tips Trik Alfanetcell

Widget Recent Comment / Komentar Terbaru Dengan Avatar