Script Recent Comment

Untuk memasang menu Recent Comment seperti di atas, silahkan copas Code berikut ini ke dalam gadget HTML/Javascript anda:

<style type="text/css"></span><br /> <span style="font-size: x-small;">.rc{padding-left:24px; padding-top: 6px;}</span><br /> <span style="font-size: x-small;">.rc a:hover {color: #F3903E;text-decoration: none;}</span><br /> <span style="font-size: x-small;">.rc-ico{margin-left:-20px;margin-top:4px;float:left; margin-right:3px}</span><br /> <span style="font-size: x-small;">.rc-ico img {margin-top: -2px;margin-right:5px; border: 2px solid #fff;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);box-shadow: 0 1px 2px rgba(0, 0, 0, .4);</span><br /> <span style="font-size: x-small;">-webkit-transition: all 1s ease-in-out;</span><br /> <span style="font-size: x-small;">-moz-transition: all 1s ease-in-out;</span><br /> <span style="font-size: x-small;">-o-transition: all 1s ease-in-out;</span><br /> <span style="font-size: x-small;">-ms-transition: all 1s ease-in-out; }</span><br /> <span style="font-size: x-small;">.rc-ico img:hover {-webkit-transform: rotate(360deg);</span><br /> <span style="font-size: x-small;">-moz-transform: rotate(360deg);</span><br /> <span style="font-size: x-small;">-o-transform: rotate(360deg);</span><br /> <span style="font-size: x-small;">-ms-transform: rotate(360deg);}</span><br /> <span style="font-size: x-small;">.rc-header{font-size: 13px;}</span><br /> <span style="font-size: x-small;">.rc-header a{}</span><br /> <span style="font-size: x-small;">.rc-body{font-style: italic; font-size:11px;padding: 0px 4px 1px 10px;border: 1px solid transparent;}</span><br /> <span style="font-size: x-small;">.rc-footer{font-size:11px; float: right;}</span><br /> <span style="font-size: x-small;"></style></span><br /> <span style="font-size: x-small;"><script type="text/javascript"></span><br /> <span style="font-size: x-small;">var numRecentComments = 5;</span><br /> <span style="font-size: x-small;">var maxCommentChars = 67;</span><br /> <span style="font-size: x-small;">var trueAvatars = true;</span><br /> <span style="font-size: x-small;">var urlMyAvatar = '';</span><br /> <span style="font-size: x-small;">var urlMyProfile = '';</span><br /> <span style="font-size: x-small;">var cropAvatar = true;</span><br /> <span style="font-size: x-small;">var sizeAvatar = 50;</span><br /> <span style="font-size: x-small;">var urlNoAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVh1sLnF1veRHE6JJdhtKidnwIsZLVvshm_nb3PzS5uw3XpbaVU_agvUEusCA7DG9BuGwKCRp_QO0NWlonfKix1HBIBGQy7p540EKBQaMtKdjzn6IM235E6zWvU7_mxlwywKIW29ERI3Su/"+sizeAvatar+"/anonymous-Icon.jpg";</span><br /> <span style="font-size: x-small;">var urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar;</span><br /> <span style="font-size: x-small;">var txtMore = '';</span><br /> <span style="font-size: x-small;">var txtWrote = 'commented:';</span><br /> <span style="font-size: x-small;">var txtAnonymous = '';</span><br /> <span style="font-size: x-small;">var maxResultsComments = "";</span><br /> <span style="font-size: x-small;">var numPerPost = 2;</span><br /> <span style="font-size: x-small;">var maxPostTitleChars = 40;</span><br /> <span style="font-size: x-small;">var getTitles = true;</span><br /> <span style="font-size: x-small;">var maxResultsPosts = "";</span><br /> <span style="font-size: x-small;">var txtTooltip = '[user] on &quot;[title]&quot; - [date MM-dd-yyyy hh:mm]';</span><br /> <span style="font-size: x-small;">var urlToTitle = {};</span><br /> <span style="font-size: x-small;">function replaceVars(text, user, title, date) {</span><br /> <span style="font-size: x-small;">text = text.replace('[user]', user);</span><br /> <span style="font-size: x-small;">text = text.replace('[date]', date.toLocaleDateString());</span><br /> <span style="font-size: x-small;">text = text.replace('[datetime]', date.toLocaleString());</span><br /> <span style="font-size: x-small;">text = text.replace('[time]', date.toLocaleTimeString());</span><br /> <span style="font-size: x-small;">text = text.replace('[title]', title.replace(/\"/g,'&quot;'));</span><br /> <span style="font-size: x-small;">var i = text.indexOf("[date ");</span><br /> <span style="font-size: x-small;">if(i > -1) {</span><br /> <span style="font-size: x-small;">var format = /\[date\s+(.+?)\]/.exec(text)[1];</span><br /> <span style="font-size: x-small;">if(format != '') {</span><br /> <span style="font-size: x-small;">var txtDate = format.replace(/yyyy/i, date.getFullYear());</span><br /> <span style="font-size: x-small;">txtDate = txtDate.replace(/yy/i, date.getFullYear().toString().slice(-2));</span><br /> <span style="font-size: x-small;">txtDate = txtDate.replace("MM", String("0"+(date.getMonth()+1)).slice(-2));</span><br /> <span style="font-size: x-small;">txtDate = txtDate.replace("mm", String("0"+date.getMinutes()).slice(-2));</span><br /> <span style="font-size: x-small;">txtDate = txtDate.replace("ss", String("0"+date.getSeconds()).slice(-2));</span><br /> <span style="font-size: x-small;">txtDate = txtDate.replace("dd", String("0"+date.getDate()).slice(-2));</span><br /> <span style="font-size: x-small;">//or: txtDate = txtDate.replace("dd", date.getDate());</span><br /> <span style="font-size: x-small;">txtDate = txtDate.replace("hh", String("0"+date.getHours()).slice(-2));</span><br /> <span style="font-size: x-small;">//or: txtDate = txtDate.replace("hh", date.getHours());</span><br /> <span style="font-size: x-small;">text = text.replace(/\[date\s+(.+?)\]/, txtDate)</span><br /> <span style="font-size: x-small;">}</span><br /> <span style="font-size: x-small;">}</span><br /> <span style="font-size: x-small;">return text;</span><br /> <span style="font-size: x-small;">}</span><br /> <span style="font-size: x-small;">if(urlMyProfile == "") {</span><br /> <span style="font-size: x-small;">var elements = document.getElementsByTagName("*");</span><br /> <span style="font-size: x-small;">var expr = /(^| )profile-link( |$)/;</span><br /> <span style="font-size: x-small;">for(var i=0 ; i<elements.length ; i++)</span><br /> <span style="font-size: x-small;">if(expr.test(elements[i].className)) {</span><br /> <span style="font-size: x-small;">urlMyProfile = elements[i].href;</span><br /> <span style="font-size: x-small;">break;</span><br /> <span style="font-size: x-small;">}</span><br /> <span style="font-size: x-small;">}</span><br /> <span style="font-size: x-small;">function getPostUrlsForComments(json) {</span><br /> <span style="font-size: x-small;">for(var i = 0 ; i < json.feed.entry.length ; i++ ) {</span><br /> <span style="font-size: x-small;">var entry = json.feed.entry[i];</span><br /> <span style="font-size: x-small;">for (var k = 0; k < entry.link.length; k++ ) {</span><br /> <span style="font-size: x-small;">if (entry.link[k].rel == 'alternate') {</span><br /> <span style="font-size: x-small;">href = entry.link[k].href;</span><br /> <span style="font-size: x-small;">break;</span><br /> <span style="font-size: x-small;">}</span><br /> <span style="font-size: x-small;">}</span><br /> <span style="font-size: x-small;">urlToTitle[href] = entry.title.$t;</span><br /> <span style="font-size: x-small;">}</span><br /> <span style="font-size: x-small;">}</span><br /> <span style="font-size: x-small;">function showRecentComments(json) {</span><br /> <span style="font-size: x-small;">var postHandled = {};</span><br /> <span style="font-size: x-small;">var j = 0;</span><br /> <span style="font-size: x-small;">if(numPerPost) {</span><br /> <span style="font-size: x-small;">while(numPerPost < numRecentComments) {</span><br /> <span style="font-size: x-small;">for(var i = 0 ; i < json.feed.entry.length ; i++ ) {</span><br /> <span style="font-size: x-small;">var entry = json.feed.entry[i]; if(entry.author[0].name.$t=="Blogger User") continue;</span><br /> <span style="font-size: x-small;">if(entry["thr$in-reply-to"]) {</span><br /> <span style="font-size: x-small;">if(!postHandled[entry["thr$in-reply-to"].href])</span><br /> <span style="font-size: x-small;">postHandled[entry["thr$in-reply-to"].href] = 1;</span><br /> <span style="font-size: x-small;">else</span><br /> <span style="font-size: x-small;">postHandled[entry["thr$in-reply-to"].href]++;</span><br /> <span style="font-size: x-small;">if(postHandled[entry["thr$in-reply-to"].href] <= numPerPost)</span><br /> <span style="font-size: x-small;">j++;</span><br /> <span style="font-size: x-small;">}</span><br /> <span style="font-size: x-small;">}</span><br /> <span style="font-size: x-small;">if(j >= numRecentComments)</span><br /> <span style="font-size: x-small;">break;</span><br /> <span style="font-size: x-small;">numPerPost++;</span><br /> <span style="font-size: x-small;">j = 0;</span><br /> <span style="font-size: x-small;">postHandled = {};</span><br /> <span style="font-size: x-small;">}</span><br /> <span style="font-size: x-small;">if(numRecentComments == numPerPost)</span><br /> <span style="font-size: x-small;">numPerPost = 0;</span><br /> <span style="font-size: x-small;">}</span><br /> <span style="font-size: x-small;">postHandled = {};</span><br /> <span style="font-size: x-small;">j = 0;</span><br /> <span style="font-size: x-small;">for(var i = 0 ; j < numRecentComments && i < json.feed.entry.length ; i++ ) {</span><br /> <span style="font-size: x-small;">var entry = json.feed.entry[i]; if(entry.author[0].name.$t=="Blogger User") continue;</span><br /> <span style="font-size: x-small;">if(numPerPost && postHandled[entry["thr$in-reply-to"].href] && postHandled[entry["thr$in-reply-to"].href] >= numPerPost)</span><br /> <span style="font-size: x-small;">continue;</span><br /> <span style="font-size: x-small;">if(entry["thr$in-reply-to"]) {</span><br /> <span style="font-size: x-small;">if(!postHandled[entry["thr$in-reply-to"].href])</span><br /> <span style="font-size: x-small;">postHandled[entry["thr$in-reply-to"].href] = 1;</span><br /> <span style="font-size: x-small;">else</span><br /> <span style="font-size: x-small;">postHandled[entry["thr$in-reply-to"].href]++;</span><br /> <span style="font-size: x-small;">j++;</span><br /> <span style="font-size: x-small;">var href='';</span><br /> <span style="font-size: x-small;">for (var k = 0; k < entry.link.length; k++ ) {</span><br /> <span style="font-size: x-small;">if (entry.link[k].rel == 'alternate') {</span><br /> <span style="font-size: x-small;">href = entry.link[k].href;</span><br /> <span style="font-size: x-small;">break;</span><br /> <span style="font-size: x-small;">}</span><br /> <span style="font-size: x-small;">}</span><br /> <span style="font-size: x-small;">if(href=='') {j--; continue; }</span><br /> <span style="font-size: x-small;">var hrefPost = href.split("?")[0];</span><br /> <span style="font-size: x-small;">var comment = "";</span><br /> <span style="font-size: x-small;">if("content" in entry) comment = entry.content.$t;</span><br /> <span style="font-size: x-small;">else comment = entry.summary.$t;</span><br /> <span style="font-size: x-small;">comment = comment.replace(/<br[^>]*>/ig, " ");</span><br /> <span style="font-size: x-small;">comment = comment.replace(/<\S[^>]*>/g, "");</span><br /> <span style="font-size: x-small;">var postTitle="-";</span><br /> <span style="font-size: x-small;">if(urlToTitle[hrefPost]) postTitle=urlToTitle[hrefPost];</span><br /> <span style="font-size: x-small;">else {</span><br /> <span style="font-size: x-small;">if(hrefPost.match(/\/([^/]*)\.html/)) postTitle = hrefPost.match(/\/([^/]*)\.html/)[1].replace(/_\d{2}$/, "");</span><br /> <span style="font-size: x-small;">postTitle = postTitle.replace(/-/g," ");</span><br /> <span style="font-size: x-small;">postTitle = postTitle[0].toUpperCase() + postTitle.slice(1);</span><br /> <span style="font-size: x-small;">}</span><br /> <span style="font-size: x-small;">if(maxPostTitleChars && postTitle.length > maxPostTitleChars) {</span><br /> <span style="font-size: x-small;">postTitle = postTitle.substring(0, maxPostTitleChars);</span><br /> <span style="font-size: x-small;">var indexBreak = postTitle.lastIndexOf(" ");</span><br /> <span style="font-size: x-small;">postTitle = postTitle.substring(0, indexBreak) + "...";</span><br /> <span style="font-size: x-small;">}</span><br /> <span style="font-size: x-small;"><br /></span> <span style="font-size: x-small;">var authorName = entry.author[0].name.$t;</span><br /> <span style="font-size: x-small;">var authorUri = "";</span><br /> <span style="font-size: x-small;">if(entry.author[0].uri && entry.author[0].uri.$t != "")</span><br /> <span style="font-size: x-small;">authorUri = entry.author[0].uri.$t;</span><br /> <span style="font-size: x-small;">var avaimg = urlAnoAvatar;</span><br /> <span style="font-size: x-small;">var bloggerprofile = "http://www.blogger.com/profile/";</span><br /> <span style="font-size: x-small;">if(trueAvatars && entry.author[0].gd$image && entry.author[0].gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile)</span><br /> <span style="font-size: x-small;">avaimg = entry.author[0].gd$image.src;</span><br /> <span style="font-size: x-small;">else {</span><br /> <span style="font-size: x-small;">var parseurl = document.createElement('a');</span><br /> <span style="font-size: x-small;">if(authorUri != "") {</span><br /> <span style="font-size: x-small;">parseurl.href = authorUri;</span><br /> <span style="font-size: x-small;">avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;</span><br /> <span style="font-size: x-small;">}</span><br /> <span style="font-size: x-small;">}</span><br /> <span style="font-size: x-small;">if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")</span><br /> <span style="font-size: x-small;">avaimg = urlMyAvatar;</span><br /> <span style="font-size: x-small;">if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "")</span><br /> <span style="font-size: x-small;">avaimg = urlNoAvatar;</span><br /> <span style="font-size: x-small;">var newsize="s"+sizeAvatar;</span><br /> <span style="font-size: x-small;">avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/");</span><br /> <span style="font-size: x-small;">if(cropAvatar) newsize+="-c";</span><br /> <span style="font-size: x-small;">avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/");</span><br /> <span style="font-size: x-small;">if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)</span><br /> <span style="font-size: x-small;">authorName = txtAnonymous;</span><br /> <span style="font-size: x-small;">var imgcode = '<img height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />';</span><br /> <span style="font-size: x-small;">if (authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>';</span><br /> <span style="font-size: x-small;">var clsAdmin = "";</span><br /> <span style="font-size: x-small;">if(urlMyProfile != "" && authorUri == urlMyProfile)</span><br /> <span style="font-size: x-small;">clsAdmin = " rc-admin";</span><br /> <span style="font-size: x-small;">var datePart = entry.published.$t.match(/\d+/g); // assume ISO 8601</span><br /> <span style="font-size: x-small;">var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);</span><br /> <span style="font-size: x-small;"><br /></span> <span style="font-size: x-small;">var txtHeader = txtWrote;</span><br /> <span style="font-size: x-small;">if(txtWrote.indexOf('[')==-1)</span><br /> <span style="font-size: x-small;">txtHeader = authorName + ' ' + txtWrote;</span><br /> <span style="font-size: x-small;">else</span><br /> <span style="font-size: x-small;">txtHeader = replaceVars(txtHeader, authorName, postTitle, cmtDate);</span><br /> <span style="font-size: x-small;"><br /></span> <span style="font-size: x-small;">var tooltip = replaceVars(txtTooltip, authorName, postTitle, cmtDate);</span><br /> <span style="font-size: x-small;">if(!/#/.test(href)) href += "#comments";</span><br /> <span style="font-size: x-small;">document.write('<div title="'+tooltip+'" class="rc'+clsAdmin+'">');</span><br /> <span style="font-size: x-small;">document.write('<div title="'+tooltip+'" class="rc-header'+clsAdmin+'"><div title="'+tooltip+'" class="rc-ico'+clsAdmin+'">'+imgcode+'</div><a title="'+tooltip+'" href="' + href + '">' + txtHeader + ' </a></div>');</span><br /> <span style="font-size: x-small;">if(comment.length < maxCommentChars)</span><br /> <span style="font-size: x-small;">document.write('<div title="'+tooltip+'" class="rc-body'+clsAdmin+'">' + comment + '</div>');</span><br /> <span style="font-size: x-small;">else {</span><br /> <span style="font-size: x-small;">comment = comment.substring(0, maxCommentChars);</span><br /> <span style="font-size: x-small;">var indexBreak = comment.lastIndexOf(" ");</span><br /> <span style="font-size: x-small;">comment = comment.substring(0, indexBreak);</span><br /> <span style="font-size: x-small;">document.write('<div title="'+tooltip+'" class="rc-body'+clsAdmin+'">' + comment + '...</div>');</span><br /> <span style="font-size: x-small;">if(txtMore != "") {</span><br /> <span style="font-size: x-small;">var moretext = replaceVars(txtMore, authorName, postTitle, cmtDate);</span><br /> <span style="font-size: x-small;">document.write('<div title="'+tooltip+'" class="rc-footer'+clsAdmin+'"><a title="'+tooltip+'" href="' + href + '">' + moretext + '</a></div>');</span><br /> <span style="font-size: x-small;">}</span><br /> <span style="font-size: x-small;">}</span><br /> <span style="font-size: x-small;">document.write('<div style="clear:both;"></div></div>');</span><br /> <span style="font-size: x-small;">}</span><br /> <span style="font-size: x-small;">}</span><br /> <span style="font-size: x-small;">}</span><br /> <span style="font-size: x-small;">if(getTitles)</span><br /> <span style="font-size: x-small;">document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/posts/summary?redirect=false'+maxResultsPosts+'&alt=json-in-script&callback=getPostUrlsForComments"></'+'script>');</span><br /> <span style="font-size: x-small;">document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false'+maxResultsComments+'&alt=json-in-script&callback=showRecentComments"></'+'script>');</span><br /> <span style="font-size: x-small;"></script></span>