Membuat Recent Comments di Blog

Membuat Recent Comments di Blog

Salah satu keuntungan membuat widget komentar terbaru / recent comments, adalah mengetahui komentar terbaru dari pengunjung blog dan bisa merespon secepatnya .

Cara membuat recent comments.

Copy kode dibawah ini :

<style type="text/css"> ul.w2b_recent_comments {list-style: none;margin: 90;padding: 60;} .w2b_recent_comments li {background: none !important;margin: 9 9 6px !important;padding: 9 9 6px 0 !important;display: block;clear: both;overflow: hidden;list-style: none;} .w2b_recent_comments li .avatarImage {padding: 3px;background: #fefefe;-webkit-box-shadow: 0 1px 1px #ccc;-moz-box-shadow: 0 1px 1px #ccc;box-shadow: 0 1px 1px #ccc;float: left;margin: 0 6px 0 0;position: relative;overflow: hidden;} .avatarRound {-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;} .w2b_recent_comments li img {padding: 0px;position: relative;overflow: hidden;display: block;} .w2b_recent_comments li span {margin-top: 4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;} </style> <script type="text/javascript"> //<![CDATA[ // Recent Comments Settings var numComments = 6, showAvatar = true, avatarSize = 40, roundAvatar = true, characters = 35, showMorelink = false, moreLinktext = "More »", defaultAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9_I1cnm6S0HNS7zOiLHQpakBbcCE1dd-1ro86yQonNXt3LDDVtPV-cMdQux4v9gPVpP_-ThKMuFvxl95KMQjY52Wn6sZuF9ZRKb-3kARVvU9DWXcngLHjjaCZ0v2e5Q3n5HXYdbLMcQra/s1600/avatar.png", hideCredits = true; //]]> </script> <script type="text/javascript"> //<![CDATA[ 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}('9 G=G||5,8=8||1z,w=w||1w,m=m||"j://V.L.g/1i/?d=1b",F=F||" 1c &1D;",x=(A x===\'B\')?h:x,o=(A o===\'B\')?Q:o,q=(A q===\'B\')?h:q,r=(A r===\'B\')?Q:r;18 14(C){9 7;7=\'<r J="14">\';U(9 i=0;i<G;i++){9 z,y,2,k;4(i==C.O.e.D)X;7+="<10>";9 e=C.O.e[i];U(9 l=0;l<e.E.D;l++){4(e.E[l].19==\'1a\'){z=e.E[l].v;X}}y=e.M[0].1x.$t;2=e.M[0].1E$16.N;4(2.f("/P/")!=-1){2=2.p("/P/","/s"+8+"-c/")}b 4(2.f("/S/")!=-1){2=2.p("/S/","/s"+8+"-c/")}b 4(2.f("/T-c/")!=-1&&2.f("j:")!==0){2="j:"+2.p("/T-c/","/s"+8+"-c/")}b 4(2.f("H.g/n/17-W.I")!=-1){2="j://3.Y.Z.g/-1d-1e/1f/1U/1g/s"+8+"/1h.11"}b 4(2.f("H.g/n/1j-W.I")!=-1){2="j://3.Y.Z.g/-1k/1l/1m/1n/s"+8+"/1o.11"}b 4(2.f("H.g/n/1p.I")!=-1){4(m.f("L.g")!=-1){2=m+"&s="+8}b{2=m}}b{2=2}4(x===h){4(q===h){k="1q"}b{k=""}7+="<12 J=\\"1s "+k+"\\"><n J=\\""+k+"\\" N=\\""+2+"\\" 1t=\\""+y+"\\" 1u=\\""+8+"\\" 1v=\\""+8+"\\"/></12>"}7+="<a v=\\""+z+"\\">"+y+"</a>";9 13=e.1y.$t;9 6=13.p(/(<([^>]+)>)/1A,"");4(6!==""&&6.D>w){6=6.1B(0,w);6+="&1C;";4(o===h){6+="<a v=\\""+z+"\\">"+F+"</a>"}}b{6=6}7+="<u>"+6+"</u>";7+="</10>"}7+=\'</R>\';9 K="";4(r===h){K="15:1F;"}7+="<u 1G=\\"1H-1I:1J;15:1K;1L-1M:1N;"+K+"\\">1O 1P <a v=\\"j://V.1Q.1R/\\">1S</a></u>";1T.1r(7)}',62,119,'||authorAvatar||if||commBody|commentsHtml|avatarSize|var||else|||entry|indexOf|com|true||http|avatarClass||defaultAvatar|img|showMorelink|replace|roundAvatar|hideCredits|||span|href|characters|showAvatar|authorName|commentlink|typeof|undefined|w2b|length|link|moreLinktext|numComments|blogblog|gif|class|hideCSS|gravatar|author|src|feed|s1600|false|ul|s220|s512|for|www|rounded|break|bp|blogspot|li|png|div|commHTML|w2b_recent_comments|display|image|b16|function|rel|alternate|mm|More|AaI8|1X32ZM|TxMKLVzQ5BI|QYau8ov2blE|w2b_blogger_logo|avatar|openid16|9lSeVyNRKx0|TxMKMIqMNuI|AAAAAAAABYc|8iasY0xpLzc|w2b_openid_logo|blank|avatarRound|write|avatarImage|alt|width|height|40|name|content|60|ig|substring|hellip|raquo|gd|none|style|font|size|10px|block|text|align|right|Widget|by|way2blogging|org|Way2Blogging|document|AAAAAAAABYY'.split('|'),0,{})) //]]> </script> <script type="text/javascript" src="/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=6"></script> Keterangan : <style type="text/css"> .... sampai dengan... </style>, bisa dan sebaiknya diletakan di template, diatas kode : ]]></b:skin>

Paste pada widget "HTML/JavaScript", kalau berhasil maka di blog akan ada widget baru, kira-kira seperti ini :

Cara Tambah widget :

• Setelah login blogger.com :
• Tata Letak
• Tambahkan widget >> pilih HTML/JavaScript
• Beri judul 

• Masukan script kode diatas.
• Simpan