Widget Recent Comments with Avatar

Langkah awal kita masuk ke blogger.com
setelah login masuk ke menu Template, Tataletak
Lalu tambahkan widget baru, cari HTML / JavaScript.
Kurang lebih seperti itu
Selanjutnya klik tanda plus, annti akan keluar pop up, lalau masukan script Widget Recent Comment Dibawah ini
<script type="text/javascript">
  //<![CDATA[    
  // Recent Comments Settings    
  var numComments    = 8,    
      showAvatar     = true,    
      avatarSize     = 60,    
      roundAvatar    = true,    
      characters     = 30,    
      showMorelink   = true,    
      moreLinktext   = "More &#x2192;",    
      defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",    
      hideCredits    = true;
  
  eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('1f O(a){3 e,t="a",r="b",n="c",o="l",i="m",s="o",l="p",d="s",v="t";e=\'<P 9="O">\';I(3 m=0;J>m;m++){3 c,f,g,A;1g(m==a.Q.R.j)1h;e+="<S>";I(3 h=a.Q.R[m],u=0;u<h.K.j;u++)"1i"==h.K[u].1j&&(c=h.K[u].q);I(3 p=0;p<h.w.j;p++)f=h.w[p].1k.$t,g=h.w[p].1l$1m.T;g=-1!=g.4("/U/")?g.y("/U/","/s"+2+"-c/"):-1!=g.4("/V/")?g.y("/V/","/s"+2+"-c/"):-1!=g.4("/W-c/")&&0!=g.4("")?""+g.y("/W-c/","/s"+2+"-c/"):-1!=g.4("L.6/z/1n-X.M")?"//1.Y.Z.6/-10/11/12/13-14/s"+2+"/15-16-17.18":-1!=g.4("L.6/z/1o-X.M")?"//1.Y.Z.6/-10/11/12/13-14/s"+2+"/15-16-17.18":-1!=g.4("L.6/z/1p.M")?-1!=7.4("19.6")?7+"&s="+2:7:g,1==B&&(A=1==8?"1q":"",e+=\'<1a 9="1r"><z 9="\'+A+\'" T="\'+g+\'" 1s="\'+f+\'" C="\'+f+\'" 1t="\'+2+\'" 1u="\'+2+\'"/></1a>\'),e+=\'<a 9="w" 1b="1c" C="\'+f+\'" q="\'+c+\'">\'+f+"</a>";3 k=h.1v.$t,x=k.y(/(<([^>]+)>)/1w,"");""!=x&&x.j>D?(x=x.1x(0,D),x+="&1y;",1==E&&(x+=\'<a 1b="1c" C="\'+F+\'"q="\'+c+\'">\'+F+"</a>")):x=x,e+="<1d>"+x+"</1d>",e+="</S>"}e+="</P>",e+=\'<a 1z="1A-1B:1C" C="\'+f+\'"q="//m\'+t+d+v+t+i+"1e."+r+o+"1D"+d+l+"1E."+n+s+i+\'">\'+i+t+d+" t"+t+i+"1e.</a>";3 b=".1F";1==N&&(b="1G:1H;"),1I.1J(e)}3 J=J||5,2=2||1K,D=D||1L,7=7||"//1M.19.6/1N/?d=1O",F=F||" 1P &1Q;",B="G"==H B?!0:B,E="G"==H E?!1:E,8="G"==H 8?!0:8,N="G"==H N?!1:8;',62,115,'||avatarSize|var|indexOf||com|defaultAvatar|roundAvatar|class||||||||||length|||||||href||||||author||replace|img||showAvatar|title|characters|showMorelink|moreLinktext|undefined|typeof|for|numComments|link|blogblog|gif|hideCredits|mas_tamvan_recent_comment|ul|feed|entry|li|src|s1600|s220|s512|rounded|bp|blogspot|3sfPiW9c7Rw|V5IP4C90xlI|AAAAAAAAA70|kmMOj4TgPYsD4Qa5CFIkS3rIAPhTMwX|ACLcB|Blog|Mas|Tamvan|png|gravatar|div|target|_blank|span|van|function|if|break|alternate|rel|name|gd|image|b16|openid16|blank|avatarImage|avatarClass|alt|width|height|content|gi|substring|hellip|style|font|size|0px|og|ot|xxx|display|none|document|write|60|40|www|avatar|mm|More|raquo'.split('|'),0,{}))
  //]]>
</script>
<style type='text/css'>ul.mas_tamvan_recent_comment{display:inline-block;background:-moz-linear-gradient(-45deg,#183850 0,#183850 25%,#192C46 50%,#22254C 75%,#22254C 100%);background:-webkit-linear-gradient(-45deg,#183850 0,#183850 25%,#192C46 50%,#22254C 75%,#22254C 100%);width:100%;padding:12px 0 0;margin:0;position:relative;overflow:hidden;border-radius:5px}ul.mas_tamvan_recent_comment li a{text-decoration:none;color:#0AD5C1;padding:0 0 5px}ul.mas_tamvan_recent_comment li a.author{display:block}ul.mas_tamvan_recent_comment li{position:relative;clear:both;display:inline-block;padding:5px 10px 10px 10px;margin:0 10px 20px 0;font-size:13px;border-radius:10px;background-color:rgba(25,147,147,0.2);animation:show-chat-even 0.15s 1 ease-in;-moz-animation:show-chat-even 0.15s 1 ease-in;-webkit-animation:show-chat-even 0.15s 1 ease-in;float:left;margin-left:80px;color:#0EC879;border:0}ul.mas_tamvan_recent_comment li:after{position:absolute;top:15px;content:'';width:0;height:0;border-top:15px solid rgba(25,147,147,0.2);border-left:15px solid transparent;left:-15px}ul.mas_tamvan_recent_comment li .avatarImage{position:absolute;top:0;width:50px;height:50px;border-radius:50px;left:-70px;overflow:hidden}ul.mas_tamvan_recent_comment li .avatarImage img{width:100%;height:auto}</style>
<script src="URL_BLOG/feeds/comments/default?alt=json&amp;callback=mas_tamvan_recent_comment&amp;max-results=5" type="text/javascript"></script>
Ganti URL_BLOG dengan alamat blog kita
Widget Recent Comments with Avatar

0 comments:

Posting Komentar

Codes copied to clipboard!

Web

Tool

Misc
