Cara membuat recent comments pakai scroolbar

Kemarin saya telah memposting Cara membuat label/kategori dengan menu dropdown.
Dan sekarang di tips blogger ini tentang cara membuat komentar dengan scroolbar.
Postingan ini hanya untuk share dengan teman" blogger semua karna susah juga kalau kita mempunya banyak postingan yang dapat komentar 1/1.
tapi dengan adanya scroolbar ini kita menjadi mudah untuk mencarinya dan juga kita juga bisa menghemat peletakan gadgetnya.Sekarang kita mulai saja contoh kodenya seperti di bawah ini :
silahkan di copas  :

<div class='widget-content'><br /> <div> <div style="background-color: transparent; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"> <div style="overflow:auto; padding:5px; width:289px; height:200px; <span style="color: red;">background-color: #000000</span>; border:1px <span style="color: red;">solid #ffffff</span>;"><ul><br /> <script><br /> function showrecentcomments(json) {<br /> for (var i = 0; i < numcomments; i++) {<br /> var entry = json.feed.entry[i];<br /> var alturl;<br /> <br /> if (i == json.feed.entry.length) break;<br /> for (var k = 0; k < entry.link.length; k++) {<br /> if (entry.link[k].rel == 'alternate') {<br /> alturl = entry.link[k].href;<br /> break;<br /> }<br /> }//edit by http://www.masbugie.com<br /> alturl = alturl.replace("#", "#comment-");<br /> var postlink = alturl.split("#");<br /> postlink = postlink[0];<br /> var linktext = postlink.split("/");<br /> linktext = linktext[5];<br /> linktext = linktext.split(".html");<br /> linktext = linktext[0];<br /> var posttitle = linktext.replace(/-/g," ");<br /> posttitle = posttitle.link(postlink);<br /> var commentdate = entry.published.$t;<br /> var cdyear = commentdate.substring(0,4);<br /> var cdmonth = commentdate.substring(5,7);<br /> var cdday = commentdate.substring(8,10);<br /> var monthnames = new Array();<br /> monthnames[1] = "Jan";<br /> monthnames[2] = "Feb";<br /> monthnames[3] = "Mar";<br /> monthnames[4] = "Apr";<br /> monthnames[5] = "May";<br /> monthnames[6] = "Jun";<br /> monthnames[7] = "Jul";<br /> monthnames[8] = "Aug";<br /> monthnames[9] = "Sep";<br /> monthnames[10] = "Oct";<br /> monthnames[11] = "Nov";<br /> monthnames[12] = "Dec";<br /> if ("content" in entry) {<br /> var comment = entry.content.$t;}<br /> else<br /> if ("summary" in entry) {<br /> var comment = entry.summary.$t;}<br /> else var comment = "";<br /> var re = /<s[^>]*>/g;<br /> comment = comment.replace(re, "");<br /> if (!standardstyling) document.write('<div class="bbrecpost">');<br /> if (standardstyling) document.write('<li>');<br /> document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a>');<br /> if (showposttitle == true) document.write(' on ' + posttitle);<br /> if (showcommentdate == true) document.write(' at ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday + ' ');<br /> if (!standardstyling) document.write('</div><div class="bbrecpostsum">');<br /> if (standardstyling) document.write('<br/>');<br /> if (comment.length < numchars) {<br /> if (standardstyling) document.write('<i>');<br /> document.write(comment);<br /> if (standardstyling) document.write('</i>');}<br /> else<br /> {<br /> if (standardstyling) document.write('<i>');<br /> comment = comment.substring(0, numchars);<br /> var quoteEnd = comment.lastIndexOf(" ");<br /> comment = comment.substring(0, quoteEnd);<br /> document.write(comment + '...<a href="' + alturl + '">(more)</a>');<br /> if (standardstyling) document.write('</i>');}<br /> if (!standardstyling) document.write('</div>');<br /> }//edit by http://www.masbugie.com<br /> if (!standardstyling) document.write('<div class="bbwidgetfooter">');<br /> if (standardstyling) document.write('</li>');<br /> if (!standardstyling) document.write('</div>');}<br /> </script><br /> <script style="text/javascript"><br /> var numcomments = <b><span style="color: blue;">10</span></b>;<br /> var showcommentdate = false;<br /> var showposttitle = true;<br /> var numchars = <b><span style="color: blue;">100</span></b>;<br /> var standardstyling = true;<br /> </script><br /> <script src="http://<b style="color: red;">NAMA-BLOG-ANDA</b>/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script><br /> </ul></div><br /> </div><br /> <div class='clear'>/<br /> </div>


Kode warna merah yang paling atas adalah Untuk mengganti warna backround nya

dan kode warna merah Nama-blog... adalah untuk memasukan link URL anda misalnya

fajarnoverdi.blogspot.com  .

jika anda tidak tahu masalh kode warna untuk backround lihat di bawah blog

Demikian tips blogger cara memasang kotak komentar dengan scroolbar ini. 
dan ini contoh gambarnya  :

 
…Semoga Bermanfaat

Posted in: TUTORIAL BLOG