Cara Memasang Recent Comment Scrolling

Recent comment

Sering kali kita tidak tahu ada komentar orang lain pada salah satu artikel kita. Untuk memudahkan mengetahui ada tidaknya komentar terkini, kita harus memasang gadget Recent comment atau apalah namanya terserah anda. Dengan memasang widget Recent Comment Scrolling ini kita akan mudah melihat comment terakhir di blog kita, jadi kita bisa dengan mudah membalasnya. Dan membuat blog kita menjadi lebih cantik. Cuma tentu saja resikonya blog kita akan terasa lebih berat loadingnya.

Untuk caranya,

1. Silahkan sign in atau log in pada blogger anda
2. Klik Tata Letak / Rancangan (Layout)
3. Klik Tambah Gadget (Add a gadget)
4. Klik icon plus yang ada pada Bagian Text/HTML (html/javascript)
5. Copy paste kode berikut ini: saya berikan 2 jenis html. Boleh pilih salah satu kode html. Inget jangan dua-duanya, karena berarti anda maruk.
   
   model 1
   
   <div style="border: 0; overflow: auto; padding: 0px 5px; width: 210px; height: 250px;"><script style="text/javascript"> function showrecentcomments(json) { var numcomments = 8; 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('On ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday + ' '); document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a> commented'); if (showposttitle == true) document.write(' on ' + 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 + '"></a>'); document.write('</i>');} document.write('<br/>'); } document.write('<br/>'); } </script> <script src="http://eppoh.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script></div>
   
   Keterangan: untuk lebar dan tinggi gadget kita sesuaikan dengan sidebarnya,
    width: 210px; height: 250px; ini bisa diganti dengan width: auto dan tingginya 200px.
   
   model 2
   
   
   <script style="text/javascript" src="http://antigaptek.googlecode.com/files/recentcomment.js">
   </script><script style="text/javascript">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script> <script
   src=http://eppoh.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
   
   keterangan: ganti http://eppoh.blogspot.com dengan url blog anda
   
   
6. lalu save dan lihat hasilnya