3 Cara Menambahkan Widget Komentar Terbaru di LinkMagz Blogger Template

Kali ini, izinkan saya berbagi tutorial bagaimana caranya membuat, menambahkan atau memasang widget komentar terbaru (Recent Comments) di template blogger LinkMagz.

Pada dokumentasi konfigurasi (setting) template blog LinkMagz, kawan-kawan tidak akan mendapatkan panduan bagaimana caranya memasang widget Recent Comments ini. Di artikel ini, saya membagikannya sekaligus dokumentasi pribadi.

Cara Menambahkan Widget Komentar Terbaru di LinkMagz Blogger Template

Di postingan web blog kali ini, yang saya bagikan ada 3 tutorial yang berbeda. Silakan dipilih sesuai selera :)

Membuat Widget Komentar Terbaru di Blog dengan Feed

1. Masuk ke Blogger > Tata Letak (Layout) > Tambahkan Gadget

2. Cari widget Feed untuk menambahkan konten dari feed RSS atau Atom ke blog.

3. Masukkan nama atau judul widget serta URL Feed yang dibutuhkan, URL yang dimaksud adalah:

https://linkmagzblog.blogspot.com/feeds/comments/default

4. Klik tombol Lanjutkan > atur konfigurasi > klik tombol Simpan. OK selesai.

Menampilkan Widget Komentar Terbaru di Blog

Jujur, saya paling suka tutorial No. 2 ini karena ada nama akun blogger, judul artkel dan adanya potongan komentar (snippet) yang baru ditambahkan.

1. Masuk ke Blogger > Tata Letak (Layout)

2. Selanjutnya klik menu Tambahkan Gadget > HTML/JavaScript

3. Salin (copy) dan tempel (paste) kode di bawah ini:

<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>&#8220;');document.write(l_rc);document.write('&#8221;</i></div>');}else{document.write('<i>&#8220;');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+'&hellip;&#8221;</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=/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-top: 7px!important;
padding-bottom: 7px!important;
}
</style>

4. Klik tombol Simpan. OK selesai.

Menambahkan Widget Komentar Terbaru di Blog

Yang terakhir, yang tidak kalah keren dari tutorial No. 2 di atas adalah tutorial No. 3 ini. Masalahnya, tutorial yang dilakukan cukup rumit tapi sepadan dengan tampilannya yang cukup elegan.

1. Simpan kode di bawah ini, di atas kode </head>

<script type='text/javascript'>
//<![CDATA[
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("#","#comment-");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,"");if(m_rc==true)document.write('On '+k_rc[parseInt(i_rc,10)]+' '+j_rc+' ');document.write('<a href="'+c_rc+'">'+b_rc.author[0].name.$t+'</a> commented');if(n_rc==true)document.write(' on '+f_rc);document.write(': ');if(l_rc.length<o_rc){document.write('<i>&#8220;');document.write(l_rc);document.write('&#8221;</i><br/><br/>');}else{document.write('<i>&#8220;');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+'&hellip;&#8221;</i>');document.write('<br/><br/>');}}}
//]]>
</script>

2. Blogger > Tata Letak (Layout) > Tambahkan Gadget > HTML/JavaScript
 

3. Salin (copy) dan tempel (paste) kode di bawah ini:

<script>var a_rc = 5; var m_rc = false; var n_rc = true; var o_rc = 100;</script>
<script src="https://linkmagzblog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

4. Ganti LINK alamat web blog yang ditandai dengan alamat web blog sobat.

5. Klik tombol Simpan. OK selesai.

Demikian tutorial bagaimana caranya membuat, menambahkan atau memasang widget komentar terbaru (Recent Comments) di template blogger LinkMagz.

Thanks for reading 3 Cara Menambahkan Widget Komentar Terbaru di LinkMagz Blogger Template! 😃