Cara Membuat Widget Recent Comments Di Blog

Ohayou Minna , ada yang membutuhkan widget recent comment ? widget recent comment ini bisa kamu letakkan dimana saja bukan hanya di sidebar , mungkin menurut saya widget lumayan bermanfaat karena selain mempercantik blog kalian pengunjung juga bisa melihat recent comment yang ada di blog kalian.

Widget Comment ini akan menampilkan Nama yang berkomentar dan judul postingan yang dikomentari serta komentar pendek dari sang komentator yuk lanjutkan.

Cara Membuat Widget Recent Comments

Cara membuatnya tidak sulit kalian cukup membuat widget baru HTML/JavaScript dan simpan kode ini didalamnya ikuti saja tahapannya dibawah ini.:

Langkah Pertama : Masuk ke dashboard blogger dan pilih Tata Letak buat widget baru HTML/JavaScript dan simpan kode ini didalamnya.

Pilih tata letak kemudian pilih Tambahkan Gadget ditempat yang kamu inginkan dan akan muncul jendela baru pilih HTML/JavaScript

Langkah Kedua : Masukkan kode JavaScript dibawah ini kedalam konten HTML/JavaScript tadi

<script type="text/javascript">
var a_rc = 5;
var m_rc = false;
var n_rc = true;
var o_rc = 100;
showAvatar=true;
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://ilmuberlian.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments></script><div style="font-size: 10px; float: right;">Dapatkan comment widget ini di <a href="http://www.ilmuberlian.com/2016/11/cara-membuat-widget-recent-comments-di.html">sini</a></div>
<style type="text/css">
.rcw-comments a {text-transform: capitalize;}
.rcw-comments {border-bottom: 1px dotted;padding: 7px 0;}
</style>

Setelah di masukkan kodenya

Langkah Ketiga : Jangan lupa ubah kode yang berwarna merah atau http://ilmuberlian.blogspot.com menjadi url blog kalian dan simpan

Ada kode yang dapat di kostumisasi diantaranya :

kode var a_rc = 5 => untuk merubah jumlah komentar yang ingin di tampilkan
kode var m_rc = false => utnuk menampilkan tanggal komentar atau tidak. jika ya, ubah false menjadi true.
kode var n_rc = true; => untuk menyembunyikan judul posting yang dikomentari. tidak= false, ya = true.
kode var o_rc = 100; => jumlah karakter yang ditampilkan.. bisa diganti sesuai keinginan

Selesai Cara Membuat Widget Recent Comments Di Blog semoga dapat bermanfaat