Cara Membuat Widget Recent Comments Di Blog

Zona Internetku 2 Comments September 22, 2018

Cara Membuat Widget Recent Comments Yang Keren Di Blog. Comments alias kometar merupakan sebuah tempat untuk menampung kritik dan saran pembaca pada suatu postingan atau blog. Sedangkan Recent Comments adalah sebuah plug in atau widget yang berisi untuk menampilkan sebuah komentar yang ada pada sebuah postingan.
Widget recent comments sangat berguna sekali untuk menarik perhatian pengunjung dengan menampilkan sebuah widget ini maka akan mengundang para pengunjung untuk lebih berinteraksi.
Itu tadi ulasan singkat mengenai tentang widget recent comments, dan kali ini saya akan menunjukkan cara untuk memasangnya

Cara Menambahkan Atau Memasang Widget Recent Comments Yang Keren Di Blogger

1. Pastikan dulu kalian sudah masuk ke dalam blog kalian
2. Selanjutnya kalian masuk ke dalam menu "Tata Letak"
3. Kemudian kalian klik "Tambahkan Gadget" dan pilih widget yang bernama "HTML/JavaScript"
4. Setelah itu kalian letakkan script berikut ini di dalam kolom konten widget tersebut

Style 1 : Nama Komentator dan Isi Komentar

<script type='text/javascript'>
//Recent Comments Settings
var numComments  = 5;
var characters  = 60;
</script>
<script type='text/javascript'>
//<![CDATA[
//Recent Comments
var numComments=numComments||5,characters=characters||40;
function recent_comments(tb){var commentsHtml;commentsHtml='<ul id="recent_comments">';for(var i=0;i<numComments;i++){var commentlink,authorName;if(i==tb.feed.entry.length)break;commentsHtml+="<li>";var entry=tb.feed.entry[i];for(var l=0;l<entry.link.length;l++){if(entry.link[l].rel=='alternate'){commentlink=entry.link[l].href}}for(var a=0;a<entry.author.length;a++){authorName=entry.author[a].name.$t}commentsHtml+="<strong><a href=\""+commentlink+"\" title=\""+authorName+"\">"+authorName+"</a></strong>";var commHTML=entry.content.$t;var commBody=commHTML.replace(/(<([^>]+)>)/ig,"");if(commBody!=""&&commBody.length>characters){commBody=commBody.substring(0,characters);commBody+=" &hellip;"}else{commBody=commBody}commentsHtml+=" - ";commentsHtml+="<span>"+commBody+"</span>";commentsHtml+="</li>"}commentsHtml+='</ul>';document.write(commentsHtml)}
//]]>
</script>
<script>
document.write("<script src=\"/feeds/comments/default?alt=json&callback=recent_comments\"><\/script>");
</script>

Silahkan kalian angka 5 yang berada di numComments untuk mengatur jumlah komentar yang akan ditampilkan
dan ganti juga angka 40 pada characters untuk mengatur jumlah karakter yang akan tampil pada widget tersebut

Baca juga :
Cara Menambahkan Widget Random Post Di Blog
Cara Membuat Featured Post Di Homepage Blog
Tutorial Menambahkan Widget Blog Recent Post By Label

Style 2 : Nama Komentator, Tanggal, Judul Postingan, Dan Isi Komentar

<script>
var a_rc = 5;
var m_rc = true;
var n_rc = true;
var o_rc = 100;
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> "),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="/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Keterangan :
var a_rc = 5
Atur angka 5 menjadi Jumlah Komentar yang ingin kamu tampilkan pada widget tersebut.
var m_rc = false
Kamu perlu Sesuaikan False menjadi true jika kamu ingin menampilkan tanggal komentar itu terbit.
var n_rc = false
Kamu Perlu Sesuaikan False menjadi true jika kamu ingin menampilkan judul posting pada komentar tersebut.
var o_rc = 100
Sesuaikan nilai 100 dengan Jumlah Karakter komentar yang tampil pada komentar tersebut.

5. Setelah semua di rasa sudah selesai, maka jangan lupa untuk menyimpan widget tersebut

Ok, cukup itu saja tutorial kali ini mengenai Cara Membuat Widget Recent Comments Di Blog yang bisa kita bahas, untuk tutorial lainnya silahkan kalian tunggu artikel lainnya dari saya.

Baca juga :
Cara Memasang Menu Breadcrumbs Di Blogspot
Cara Membuat Auto Readmore Keren Otomatis
Cara Membuat Menu Navigasi Dropdown Sederhana

Referensi :
22 September 2018 https://www.tutorialumum.com/2017/06/membuat-widget-recent-comments-di-blog.html
22 September 2018 https://inirifany.blogspot.com/2018/07/cara-mudah-membuat-widget-recent-Comments-blogger.html

Promo Menarik

Diskon Barang Elektronik Di Lazada Hingga 80%

Cek disini

Promo Cuci Gudang, Diskon Sampai 50%

Cek disini

Murah Pol - Barang Murah Berkualitas Mewah

Cek disini

Tampil Cantik Gak Perlu Mahal - Diskon 50%

Cek disini

Kumpulan Barang Untuk Kesehatan - Diskon 50%

Cek disini

SHARE