Cara Membuat Recent Comment Via Blogger

Cara Membuat Recent Commetn Via Blogger - Kemarin saya membuat tutorial tutorial tentang Simple Recent Comment Via Blogger kali ini saya ingin memberi tahu agar Recent Comment Tersebut memiliki gambar seperti yang sauya pasang di Widget Comments saya pojok kanan.

Baca Juga

Mau tau caranya ? yuk simak tutorial berikut

TUTORIAL MEMBUAT RECENT COMMENT VIA BLOGGER

1.Salin kode di bawah ini.

HTML<div class="widget-content">
<style scoped="" type="text/css">
#HTML95 .widget-content {max-height:400px;overflow:auto;}
ul.tirtamubiencomments{list-style:none;margin:0;padding:0}.tirtamubiencomments li{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-all;padding:10px 0;margin:0;}.tirtamubiencomments li .avatarImage{float:left;margin-right:10px;position:relative;overflow:hidden}.tirtamubiencomments li img{position:relative;overflow:hidden;display:block;width:42px;height:42px}.tirtamubiencomments li a{font-weight:700}.tirtamubiencomments 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 tirtamubiencomments(a){var e;e='<ul class="tirtamubiencomments">';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/AVvXsEjLjUq02PJqfeSYXlovJetM_QYuvBInhlkFFeWruPOu6fG6Mx0BvBPeQdPVG9m23QMjdu37ugzAkg9lVGedNMYqJ4LbwRf53smHo1wXuxPCIE27NSdfzrNfOBjI3eHy0TaUY2eO362kHKcW/"+avatarSize+"/blogger.png":-1!=n.indexOf("blogblog.com/img/openid16-rounded.gif")?"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBDXBptQNLy60i_S-svGFjL3rh3TWCFO35rvRZsj4YpBLzcdPARrGL7Ln28DPwdVnV1H9MjAwgcCDyIo74T12ED4iguznbTtZTa2myHvsCPNDSov6udWyHMGkxg8Idpf2FIXXZsFEpkwds/"+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="'+o+'" 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=7,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/AVvXsEjr1PqbKpYNlMhyRd61-Pc_XXVcdgw6elzZjZVifId_rKQ5_5Z1rzTPtDvNz6HeixUSrN60AKLP4IjlYr9kcbJkBJ3I6Nfnqt-2IJFKGaHKn2Ri_E-1fvhPlzUkNt0ozexkgiYzyH73DRmG/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=tirtamubiencomments&amp;max-results=15"></div></script></div>

2.Buka Blogger > Tata Letak > Tambah Widget > Sisipkan kode di atas di dalam box HTML > Simpan