Memasang Widget Komentar plus Gambar Thumbnail for Blogger

Memasang Widget Komentar plus Gambar Thumbnail for Blogger

Cara Memasang Kode Widget Komentar plus Gambar (Thumbnail) for Blogger.

MUNGKIN akan menarik pengunjung untuk berkomentar karena komentar dan foto/gambarnya muncul di sidebar blog. Demonya ada di sidebar blog ini. Keren kan?

KODE
(Pasang di Layout > Add a Gadget > HTML/Javascript)

<style scoped= type="text/css">
ul.comments{list-style:none;margin:0;padding:0}.comments li{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:0!important;word-break:break-all}.comments li .avatarImage{float:left;margin-right:10px;position:relative;overflow:hidden}.comments li img{position:relative;overflow:hidden;display:block;width:42px;height:42px}.comments li a{font-weight:700}.comments li span{margin-top:2px;color:#666;display:block;font-size:12px;line-height:1.4}
</style>
<script type="text/javascript">
//<![CDATA[
function comments(a){var e;e=<ul class="comments">;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/AVvXsEiXORF4q8VrYv1UuPQhwpSFXItTg9DjGZXtLneVzjm8lDR6DmvIaGlIQEpGHO2A4cDiJyVUmvS20qk-c5k8etYCCytaH6rFE51pskZpQNcjHLltVnQlDurWvD3DdECXz1np93Kj_zjQqc56/"+avatarSize+"/blogger.png":-1!=n.indexOf("blogblog.com/img/openid16-rounded.gif")?"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrcjax8MGzl8b1q6QPIOf30l-X2cAjN6U14R6WUb0WVyvSnhwrBNkztMXyWCLOiN7f6uqoS5gCD4bOKup1Kkh2Q-1Jnn4T4v6zJ416jPiN_LoWzlZt_atgAWWVLOgVkdr232cmshi-ahOs/"+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/AVvXsEgrRbm9qidXIxcmHbNdgwBE8CRgFy5f-h6ridOfb51skruUMCuUs7oEgjPSGSJgFO7fVOhPJUK34R9uPV1Vl7fpC4uGiR-2S31stgAnzq1t7O7rcp6rVT2ifdp4JfVUGez8C6NrLvKYJUTh/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=comments&amp;max-results=5"></script>

Get

download
alternative link download