Cara Membuat Widget Recent Comment Simple Tapi Keren

Cara Membuat Widget Recent Comment Simple Tapi Keren. Halo sobat histutor, untuk menampilkan beberapa komentar yang adalah di dalam blog sobat, selain di kolom komentar yang secra default sudah ada, sebenarnya dapat kita modifikasi dan munculkan pada laman tertentu sesuai kenginan sobat, komentar tersebut dapat kita munculkan  pada halaman statis atau sidebar pada blog sobat.
Pada kesempatan kali ini saya akan berbagi sebuah tutorial Cara Membuat Recent Comment Dengan Images Kecil yang keren dan simple, dan juga sangat ringan.
Jika ingin memasangnya diblog milik sobat silahkan ikuti langkah2 dalam memasangnya di blog milik sobat.

Cara Membuat Widget Recent Comment 

1. Login ke akun blogger anda

2. Click On Template » Edit HTML

3. Gunakan Ctrl+F  untuk menemukan kode ]]></b:skin> atau </style>

4. Setelah ketemu letakan kode CSS script diatas kode ]]></b:skin> atau </style>
 

.widget ul {padding:0;}
a.siomen img,#related_posts img {float:left;margin-right:5px;margin-bottom:5px;color:#282828;}
.rnyokmn .date {font-size:8px;color:#282828;}
#rcentcomnets p {color:#444;margin-top:2px;}

5. Tambahkan HTML/Javascript dibawah ini tepat sebelum kode </head> 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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}('(I(a){a.K=I(c,b){i d=X;d.$O=a(c);d.1g=I(){d.3=a.1A({},a.K.1d,b);d.$O.1y(d.3.L);a.1W((d.3.T===""?1l.1a.1C+"//"+1l.1a.1H:d.3.T)+"/1K/1P/1S?19=21-13-2b&2e=Z",I(z){i f,e=z.1I.1J;H(e!==1N){f="<1h G=\'1T\'>";M=0;V(i y=0;y<d.3.1k;y++){i o,A,D,m,E,k,n,s;H(y==e.P){1n}H(M>=d.3.U){1n}i h=e[y];V(i u=0;u<h.W.P;u++){H(h.W[u].1i=="2c"){o=h.W[u].R}}V(i C=0;C<h.J.P;C++){A=h.J[C].1B.$t;D=h.J[C].1F$1G.1o}H(A!=d.3.1q&&M<d.3.U){M++;f+="<1t>";m=(D=="1u://1L.1M.14/15/1Q.1R")?d.3.17:D.18(/\\/s[0-9]+(\\-c|\\/)/,"/s"+d.3.Q+"$1");k=(h.J[0].1x)?h.J[0].1x.$t:"#2a";f+=(d.3.1b===1c?\'<a G="2O" R="\'+k+\'"><15 1o="\'+m+\'"  2f="\'+A+\'" 19="\'+A+\'" 2g="2l:\'+d.3.Q+"1e;1z:"+d.3.Q+\'1e"/></a>\':"");i r=o.1f("/")+1,t=o.1f("."),F=o.1D("-").1E(" ").l(r,t)+"...";E=h.Z.$t.l(0,10);i q=E.l(0,4),v=E.l(5,7),B=E.l(8,10),w=d.3.1j[1O(v,10)-1],p=h.Z.$t.l(11,16),j=p.l(0,2),x=p.l(2,5);H(j<12){s="1U"}Y{s="1V"}H(j===0){j=12}H(j>12){j=j-12}f+=\'<N G="1X"><a 1Y="1Z" 1i="20" R="\'+k+\'"><1p>\'+A+\'</1p></a> 22 <a G="23" R="\'+o+\'">\'+F+\'</a><N G="24"><6 G="26">\'+B+\'</6> <6 G="27">\'+w+\'</6> <6 G="28">\'+q+\'</6> <6 G="29">\'+j+x+" "+s+"</6></N></N>";n=("1r"13 h)?h.1r.$t:("1s"13 h)?h.1s.$t:"";i g=n.18(/(<([^>]+)>)/2d,"");H(g!==""&&g.P>d.3.S){g=g.l(0,d.3.S);g+="..."}Y{g=g}f+=(d.3.S>0?"<p>"+g+"</p>":"");f+="</1t>"}}f+="</1h>";d.$O.1v(f).1w(d.3.L)}Y{d.$O.1v("<6>2h 2i!</6>").1w(d.3.L)}},"2j")};d.1g()};a.K.1d={T:"",U:4,S:2k,Q:1m,L:"2m",1b:1c,17:"1u://4.2n.2o.14/-2p/2q/2r/2s/2t/2u-2v-2w.2x",1j:["2y","2z","2A","2B","2C","2D","2E","2F","2G","2H","2I","2J"],1k:1m,1q:""};a.2K.K=I(b){2L X.2M(I(){(2N a.K(X,b))})}})(25);',62,175,'|||options|||span||||||||||||var|||substring|||||||||||||||||||||class|if|function|author|RecentComments|loadingClass|ntotal|div|el|length|avatarSize|href|characters|blogURL|numComments|for|link|this|else|published||||in|com|img||defaultAvatar|replace|alt|location|Showimage|true|defaultOptions|px|lastIndexOf|init|ul|rel|MonthNames|maxfeeds|window|50|break|src|strong|adminBlog|content|summary|li|http|html|removeClass|uri|addClass|height|extend|name|protocol|split|join|gd|image|host|feed|entry|feeds|img1|blogblog|undefined|parseInt|comments|blank|gif|default|rnyokmn|AM|PM|get|ketkomt|target|_blank|nofollow|json|on|judulx|date|jQuery|dd|dm|dy|timex|nope|script|alternate|gi|orderby|title|style|No|result|jsonp|100|width|loadingxx|bp|blogspot|AEWksK942OE|UFiyLzXJhiI|AAAAAAAAFKE|jBegaGPClxI|s70|user|anonymous|icon|png|Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec|fn|return|each|new|siomen'.split('|'),0,{}))
//]]>
</script>
</b:if>

6. Letakan kode HTML/Javascript >> Add Gadget, di area yang anda inginkan.

<div id="rcentcomnets">
</div>
<script type="text/javascript">
jQuery("#rcentcomnets").RecentComments();
</script>

HISTUTOR DEMO SAMPLE ×

Silahkan tinggalkan komentar jika anda menemui kedala dalam pemasangan recent comment ini, mari kita bahas bersama! 

Demikian sedikit penjelasan tentang Cara membuat recent comment yang simple tapi keren, jika ada kesalahan dalam penulisan saya mohon maaf dan semoga bermanfaat. Saya akan sangat senang dan berterimakasih jika sobat berkenan untuk berkomentar di blog ini.

Sumber dan kredit Kode : Disini