Membuat widget komentar terbaru blog dengan cara mudah.

By Masprastyo

Tuesday, January 7, 2014

Assalamu'alaykum.
Untuk membuat widget komentar blog terbaru caranya cukup mudah. Agan cukup copy script HTML dibawah ini ke bagian Tata letak di blog agan.

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".sembunyi").click(function(){
$("#isi").hide("normal");
});
$(".tampil").click(function(){
$("#isi").show("normal");
});
});
</script>
<div id="komen">
<button class="sembunyi">-</button>
<button class="tampil">+</button>
<p id="isi" >
<script>
 function showrecentcomments(json) { var numcomments = 5; var showcommentdate = true; var showposttitle = true; var numchars = 100; for (var i = 0; i < numcomments; i++) { var entry = json.feed.entry[i]; var alturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { alturl = entry.link[k].href; break; } } alturl = alturl.replace("#", "#comment-"); var postlink = alturl.split("#"); postlink = postlink[0]; var linktext = postlink.split("/"); linktext = linktext[5]; linktext = linktext.split(".html"); linktext = linktext[0]; var posttitle = linktext.replace(/-/g," "); posttitle = posttitle.link(postlink); var commentdate = entry.published.$t; var cdyear = commentdate.substring(0,4); var cdmonth = commentdate.substring(5,7); var cdday = commentdate.substring(8,10); var monthnames = new Array(); monthnames[1] = "Jan"; monthnames[2] = "Feb"; monthnames[3] = "Mar"; monthnames[4] = "Apr"; monthnames[5] = "May"; monthnames[6] = "Jun"; monthnames[7] = "Jul"; monthnames[8] = "Aug"; monthnames[9] = "Sep"; monthnames[10] = "Oct"; monthnames[11] = "Nov"; monthnames[12] = "Dec"; if ("content" in entry) { var comment = entry.content.$t;} else if ("summary" in entry) { var comment = entry.summary.$t;} else var comment = ""; var re = /<S[^>]*>/g; comment = comment.replace(re, ""); document.write('<br/>'); if (showcommentdate == true) document.write('<b>' + entry.author[0].name.$t + '</b><br/>'); if (showposttitle == true) document.write(posttitle); document.write('<br/>'); if (comment.length < numchars) { document.write('<i>'); document.write(comment); document.write('</i>');} else { document.write('<i>'); comment = comment.substring(0, numchars); var quoteEnd = comment.lastIndexOf(" "); comment = comment.substring(0, quoteEnd); document.write(comment + '...<a href="' + alturl + '">(selanjutnya)</a>'); document.write('</i>');} document.write('<br/>'); } document.write('<br/>'); }
</script> <script src="http://dosenmudailkom.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script>
</p>
</div>

 Jangan lupa ubah font yang berwarna merah dengan nama blog agan.
Hasil yang akan tampil kurang lebih akan seperti ini.

gimana gan mudah kan? :)

Share :

Facebook Twitter Google+