Membuat Widget Recent Comment Sederhana Di Blogger

Widget recent comment menampilkan komentar di blog sobat mulai dari yang terbaru sampai yang paling lawas. Widget recent comment yang akan dibagikan kali ini juga sangat sederhana, hanya menampilkan nama yang berkomentar serta judul artikel yang dikomentari dan juga isi komentar itu sendiri.

Dalam widget recent comment kali ini juga sobat bisa mengatur jumlah komentar yang akan ditampilkan dan juga bisa memunculkan tanggal dibuat pada saat berkomentar. Untuk lebih lengkapnya lihat saja gambar demo dari widget recent comment kali ini.

DEMO

Cara Membuat Widget Recent Comment Sederhana Di Blogger

1. Buka Dashboard -> Tata Letak -> Tambahkan Gatget

Baca Juga:

• Membuat Widget Post Slider Secara Otomatis Di Blogger
• Cara Membuat Widget Social Share Melayang Di Blogger

2. Pilih HTML/JavaScript pada menu pop-up yang muncul.

3 Kemudian pada bagian konten isi dengan kode dibawah ini

 <script type="text/javascript">
var a_rc = 5;
var m_rc = false;
var n_rc = true;
var o_rc = 50;
function showrecentcomments(e){for(var r=0;r<a_rc;r++){var t,n=e.feed.entry[r];if(r==e.feed.entry.length)break;for(var i=0;i<n.link.length;i++)if("alternate"==n.link[i].rel){t=n.link[i].href;break}t=t.replace("#","#");var a=t.split("#");a=a[0];var c=a.split("/");c=c[5],c=c.split(".html"),c=c[0];var s=c.replace(/-/g," ");s=s.link(a);var o=n.published.$t,l=(o.substring(0,4),o.substring(5,7)),u=o.substring(8,10),m=new Array;if(m[1]="Jan",m[2]="Feb",m[3]="Mar",m[4]="Apr",m[5]="May",m[6]="Jun",m[7]="Jul",m[8]="Aug",m[9]="Sep",m[10]="Oct",m[11]="Nov",m[12]="Dec","content"in n)var d=n.content.$t;else if("summary"in n)var d=n.summary.$t;else var d="";var v=/<\S[^>]*>/g;if(d=d.replace(v,""),document.write('<div class="rcw-comments">'),1==m_rc&&document.write("On "+m[parseInt(l,10)]+" "+u+" "),document.write('<span class="author-rc"><a href="'+t+'">'+n.author[0].name.$t+"</a></span> commented"),1==n_rc&&document.write(" on "+s),0==o_rc)document.write("</div>");else if(document.write(": "),d.length<o_rc)document.write("<i>&#8220;"),document.write(d),document.write("&#8221;</i></div>");else{document.write("<i>&#8220;"),d=d.substring(0,o_rc);var w=d.lastIndexOf(" ");d=d.substring(0,w),document.write(d+"&hellip;&#8221;</i></div>"),document.write("")}}}
</script><script src=http://kodelogger.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments></script>
    <style type="text/css">
    .rcw-comments a {text-transform: capitalize;}
    .rcw-comments {border-bottom: 1px dotted;padding: 7px 0;}
    </style>

Ganti http://kodelogger.blogspot.com dengan URL blog sobat.

► var a_rc = ganti angka "5" untuk menampilkan jumlah komentar yang akan dimunculkan di widget.
► var m_rc = ganti  dari "false" menjadi "true" untuk menampilkan tanggal dari komentar.
► var n_rc = ganti dari "true" menjadi "false" untuk menyembunyikan judul artikel yang dikomentari.
► var o_rc = ganti angka "50" untuk mengatur jumlah kata yang ditampilkan (apabila melebihi 50 akan di potong).

4. Klik Simpan.

Sekarang lihat blog sobat, apabila widget recent comment terpasang dengan sempurna berarti sobat sudah berhasil.
Apabila ada masalah silahkan berkomentar dibawah.

Itu dia artikel tentang Membuat Widget Recent Comment Sederhana Di Blogger, apabila anda menyukainya jangan lupa Subscribe untuk tetap terhubung dan juga menerima artikel terbaru dari blog ini melalui email secara gratis.

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn