Cara Menciptakan Widget Recent Comments

Di artikel kali ini masih akan membahas perihal blog. yaitu cara menciptakan Widget Recent Comment.
Apa itu Recent Comment ?
Recent Comment yaitu Widget untuk menampilkan semua komentar yang ada pada blog milik kita,
itu berdasarkan saya, mungkin kalian dapat mengartikannya yang lain.

yow, eksklusif saja ke intik/point dari artikel ini,
caranya cukup mudah/simple, dan gk perlu makan waktu yang cukup lama.

1. Login ke Blogger,

2. pilih Tata Letak > Tambahkan Gadget > HTML/Javascript

3. Masukkan Script dibawah ini ke dalam Gadget yang gres saja ditambahkan.

 <style scoped='' type="text/css"> #HTML4 .widget-content {max-height:300px;overflow:auto;} ul.abdurcomments{list-style:none;margin:0;padding:0}.abdurcomments li{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-all;padding:10px 0;margin:0;}.abdurcomments li .avatarImage{float:left;margin-right:10px;position:relative;overflow:hidden}.abdurcomments li img{position:relative;overflow:hidden;display:block;width:42px;height:42px}.abdurcomments li a{font-weight:700}.abdurcomments li span{margin-top:2px;color:#666;display:block;font-size:12px;line-height:1.4} </style> <script type="text/javascript"> //<![CDATA[ // Recent Comments function abdurcomments(a){var e;e='<ul class="abdurcomments">';for(var t=0;numComments>t;t++){var r,o,n,i;if(t==a.feed.entry.length)break;e+="<li>";for(var d=a.feed.entry[t],s=0;s<d.link.length;s++)"alternate"==d.link[s].rel&&(r=d.link[s].href);for(var l=0;l<d.author.length;l++)o=d.author[l].name.$t,n=d.author[l].gd$image.src;n=-1!=n.indexOf("/s1600/")?n.replace("/s1600/","/s"+avatarSize+"-c/"):-1!=n.indexOf("/s220/")?n.replace("/s220/","/s"+avatarSize+"-c/"):-1!=n.indexOf("/s512-c/")&&0!=n.indexOf("http:")?"http:"+n.replace("/s512-c/","/s"+avatarSize+"-c/"):-1!=n.indexOf("blogblog.com/img/b16-rounded.gif")?"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL4WNrW56FY1zYXs2zXyaS90QHHm7q0MNvihzch-KlycYRv8hgqPiuvPZwYfMEokSGBY3of81RYMV7YJE1ABRCEX8ZAqDrykQdG37WC54919AmHPRpkHNFRciUkewBgA_O6Ejssk67TmFB/"+avatarSize+"/blogger.png":-1!=n.indexOf("blogblog.com/img/openid16-rounded.gif")?"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVLOE80b0fRpEV0XhRvvON4kmBvJS8ykXsorU8JzbU1EDRs-ap16JDvlKztN3SD8WpKURcexLJUs-yl-ydTEejGuX_gcJ9A0RiOOL9QaK6bHuItuOwPDy95WqWUmeVIIf3VUAv9uxDS4Vr/"+avatarSize+"/openid.png":-1!=n.indexOf("blogblog.com/img/blank.gif")?-1!=defaultAvatar.indexOf("gravatar.com")?defaultAvatar+"&s="+avatarSize:defaultAvatar:n,1==showAvatar&&(i=1==roundAvatar?"avatarRound":"",e+='<div class="avatarImage '+i+'"><img class="'+i+'" src="'+n+'" alt=" Di artikel kali ini masih akan membahas perihal blog Cara Membuat Widget Recent Comments" width="'+avatarSize+'" height="'+avatarSize+'"/></div>'),e+='<a href="'+r+'">'+o+"</a>";var A=d.content.$t,v=A.replace(/(<([^>]+)>)/gi,"");""!=v&&v.length>characters?(v=v.substring(0,characters),v+="&hellip;",1==showMorelink&&(v+='<a href="'+r+'">'+moreLinktext+"</a>")):v=v,e+="<span>"+v+"</span>",e+="</li>"}e+="</ul>";var c="";0==hideCredits&&(c="display:block;"),e+="",document.write(e)}var numComments=15,showAvatar=!0,avatarSize=42,roundAvatar=!0,characters=40,showMorelink=!1,defaultAvatar="http://2.bp.blogspot.com/-XjxrXKBPQqs/VYcGtLWPGUI/AAAAAAAAKaQ/5jr871JIwds/s1600/default-avatar.jpg",hideCredits=!0,numComments=numComments||5,avatarSize=avatarSize||60,characters=characters||40,defaultAvatar=defaultAvatar||"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmqx1FsxlfOtbm8KcuJiyzcCuuNPqoX0xY0FzMSnNegOxJ2y0VQW9lkdMv7I5lZuz51xSE-PW3FOXFBabi6xE-HhV_x8zbKiXCN0oQ2nmYArCU0s-pvSfQUG2WJXiPy-8nKbn31EymIizo/s1600/default-avatar.jpg",moreLinktext=moreLinktext||" More &raquo;",showAvatar="undefined"==typeof showAvatar?!0:showAvatar,showMorelink="undefined"==typeof showMorelink?!1:showMorelink,roundAvatar="undefined"==typeof roundAvatar?!0:roundAvatar,hideCredits="undefined"==typeof hideCredits?!1:roundAvatar; //]]> </script> <script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=abdurcomments&amp;max-results=15"></script>

4. Lalu Simpan Gadget yang gres kalian tambahkan, dan lihat hasilnya.

Untuk Demonya dapat kalian klik dibawah