NyanOnta

Sharing | Learning | Tips& Trick |Android | Games

Thursday, 5 May 2016

Cara Membuat Recent Comment Pada Blog


Hallo asalamualaikum wr.wb , kali ini nyan mau berbagi tentang membuat widget Recent comment , apa sih recent comment itu ?? ya recent comment bisa di sebut juga dengan komentar baru , jadi maksud dari widget komenter baru agar kita bisa mengetahui langsung siapa yang baru komentar dan beserta nama si komentar .

Widget ini juga bisa kalian edit sesuka hati dengan codingan kalian masing masing , mungkin yang suka ngoding bisa ngedit widget nya biar bagus , soalnya nyan cuman memasukan HTML nya saja tanpa di tambah css nya .


Berikut source code nya : 

<div style="border:1px solid rgb(153, 153, 153); overflow:auto;width:285px;height:295px;text-align:left;border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;wrap;padding:3px"><table align="center" background="transparent" border="0" cellspacing="2" width="270px" height="330px"><tbody><tr><td width="100%" wrap="" bgcolor="transparent" align="left">

<p></p><center><script style="text/javascript">function numposts(json) { document.write('Jumlah Artikel: ' + json.feed.openSearch$totalResults.$t + '<br>'); }function numcomments(json) { document.write('Jumlah Komentar: ' + json.feed.openSearch$totalResults.$t + '<br>'); }</script>
<script style="text/javascript">
function showrecentcomments(h){for(var f=0;f<numcomments;f++){var b=h.feed.entry[f],g;if(f==h.feed.entry.length)break;for(var a=0;a<b.link.length;a++)if("alternate"==b.link[a].rel){g=b.link[a].href;break}g=g.replace("#","#comment-");var c=g.split("#"),c=c[0],a=c.split("/"),a=a[5],a=a.split(".html"),a=a[0],a=a.replace(/-/g," "),a=a.link(c),d=b.published.$t,c=d.substring(0,4),j=d.substring(5,7),d=d.substring(8,10),k=[,"Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober", "November","Desember"],e=b.content.$t,e=e.replace(/<\S[^>]*>/g,"");!0==showcommentdate&&document.write("Tanggal "+d+" "+k[parseInt(j,10)]+" "+c+" ");document.write("<b><i>"+b.author[0].name.$t+"</i> </b>berkomentar");!0==showposttitle&&document.write(" pada "+a);document.write(":<br/>");e.length<numchars?document.write("<i>"+e+"</i><br/><br/>"):document.write("<i>"+e.substring(0,numchars)+"...</i><br/><br/>")}};
</script>
<script style="text/javascript">var numcomments=6;var showcommentdate=true;var showposttitle=true;var numchars=150;var standardstyling=true;</script>
<script src="/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments"></script>
</center></td></tr></tbody></table></div>

Catatan : 

  • Yang di tandai menggunakan text hitam itu buat merubah size atau ukuran widget 
  • background bisa di kasih warna tinggal ganti transparent 
Semoga berhasil dan edit sesuai kreasi mu . 


No comments:

Post a Comment