// API callback
relatedposts({"version":"1.0","encoding":"UTF-8","feed":{"xmlns":"http://www.w3.org/2005/Atom","xmlns$openSearch":"http://a9.com/-/spec/opensearchrss/1.0/","xmlns$blogger":"http://schemas.google.com/blogger/2008","xmlns$georss":"http://www.georss.org/georss","xmlns$gd":"http://schemas.google.com/g/2005","xmlns$thr":"http://purl.org/syndication/thread/1.0","id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243"},"updated":{"$t":"2023-12-18T01:54:28.842-08:00"},"category":[{"term":"how to"},{"term":"Blog Design"},{"term":"Widgets"},{"term":"posts"},{"term":"css"},{"term":"Comments"},{"term":"adsense"},{"term":"SEO"},{"term":"jQuery"},{"term":"social media"},{"term":"Image Effects"},{"term":"beginner's guide"},{"term":"blogger posts"},{"term":"Navigation"},{"term":"make money online"},{"term":"javascript"},{"term":"adsense optimization"},{"term":"menus"},{"term":"Facebook"},{"term":"adsense tips"},{"term":"social media plugins"},{"term":"popular posts"},{"term":"blogger"},{"term":"blogger pages"},{"term":"navigation menu"},{"term":"recent posts"},{"term":"threaded comments"},{"term":"google plus"},{"term":"related posts"},{"term":"blogging tips"},{"term":"recent comments"},{"term":"slideshows"},{"term":"static pages"},{"term":"tools"},{"term":"Templates"},{"term":"backlinks"},{"term":"custom domain"},{"term":"emoticons"},{"term":"instagram"},{"term":"labels"},{"term":"sitemap"},{"term":"RSS"},{"term":"click bombing"},{"term":"feedburner"},{"term":"firebug"},{"term":"font awesome"},{"term":"google analytics"},{"term":"homepage"},{"term":"invalid clicks"},{"term":"robots"},{"term":"statcounter"}],"title":{"type":"text","$t":"Helplogger"},"subtitle":{"type":"html","$t":""},"link":[{"rel":"http://schemas.google.com/g/2005#feed","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/posts\/default"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/-\/recent+comments?alt=json-in-script\u0026max-results=6"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/search\/label\/recent%20comments"},{"rel":"hub","href":"http://pubsubhubbub.appspot.com/"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"generator":{"version":"7.00","uri":"http://www.blogger.com","$t":"Blogger"},"openSearch$totalResults":{"$t":"3"},"openSearch$startIndex":{"$t":"1"},"openSearch$itemsPerPage":{"$t":"6"},"entry":[{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-2619594340590070450"},"published":{"$t":"2013-04-26T08:00:00.003-07:00"},"updated":{"$t":"2016-05-25T06:09:28.231-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Comments"},{"scheme":"http://www.blogger.com/atom/ns#","term":"recent comments"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Widgets"}],"title":{"type":"text","$t":"Expandable Recent Comments Widget for Blogger\/Blogspot"},"content":{"type":"html","$t":"The Expandable Recent Comments widget for Blogger is a very accessible widget that can be collapsed or expanded through user interaction, so we don't have to click the author's name or post title link in order to read the content of a comment. The expanding content can be shown or hidden by clicking the \nplus\/minus icon or by hitting the \"Show all\" or \"Hide all\" button.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-ElzFJhTSYa0\/UXqRp7nxPqI\/AAAAAAAADTo\/djR3CMtbII4\/s1600\/expandable-recent-comments-widget-for-blogger-blogspot.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"recent comments widget, blogger gadgets, blogspot tricks\" border=\"0\" height=\"320\" src=\"https:\/\/4.bp.blogspot.com\/-ElzFJhTSYa0\/UXqRp7nxPqI\/AAAAAAAADTo\/djR3CMtbII4\/s320\/expandable-recent-comments-widget-for-blogger-blogspot.png\" title=\"recent comments widget for blogger blogspot with expand\/collapse function\" width=\"247\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nTo add the Expandable Recent Comments widget for Blogger, please follow the next steps below:\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch2\u003EAdding Expandable Recent Comments Widget to Blogger\u003C\/h2\u003E\n1. From your \u003Ca href=\"https:\/\/www.blogger.com\/ rel=\"nofollow\"\"\u003EBlogger dashboard\u003C\/a\u003E, go to \"Layout\", then click on \"Add a Gadget\" link:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-LcW_xNLozrI\/UTJQzFPdhEI\/AAAAAAAAC4c\/LQFO0DKxxm4\/s1600\/blogger-layout-add+a+gadget-how-to.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" height=\"148\" src=\"https:\/\/4.bp.blogspot.com\/-LcW_xNLozrI\/UTJQzFPdhEI\/AAAAAAAAC4c\/LQFO0DKxxm4\/s640\/blogger-layout-add+a+gadget-how-to.png\" width=\"640\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n2. When the pop-up window appears, scroll down and select the \"HTML\/JavaScript\" widget:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-c2r6HAMX2EE\/UTJRX0C3_eI\/AAAAAAAAC4k\/tqQrar_00tM\/s1600\/blogger-widgets-gadgets-tutorials-tricks-helplogger-html-javascrip.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" height=\"196\" src=\"https:\/\/2.bp.blogspot.com\/-c2r6HAMX2EE\/UTJRX0C3_eI\/AAAAAAAAC4k\/tqQrar_00tM\/s400\/blogger-widgets-gadgets-tutorials-tricks-helplogger-html-javascrip.png\" width=\"400\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cspan style=\"color: #3d85c6;\"\u003E\u003Cbr \/\u003E\u003C\/span\u003E\n3. Copy and paste this code inside the empty box:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n\u0026lt;style type=\"text\/css\"\u0026gt;.row-div {margin-bottom:10px;}.comment-header {margin:10px 0;}.comment-box{margin:0px;padding:0px;font-size:0.9em;height:330px;overflow:auto;}.comments1{padding:3px;border-left:1px dashed #A6A6A6;color: #888888;font-style: italic;padding:0px 10px 10px 10px;margin-bottom:10px;}\u003Cbr \/\u003E\u0026lt;\/style\u0026gt;\u003Cbr \/\u003E\u0026lt;div style=\"text-align: center\" class=\"comment-header\"\u0026gt;\u0026lt;input class=\"comment-button\" id=\"commshowall\" type=\"button\" onclick=\"if (this.value == \u0026amp;#39;Show all\u0026amp;#39;) { unfold_all(this); this.value=\u0026amp;#39;Hide all\u0026amp;#39;; } else { fold_all(this); this.value=\u0026amp;#39;Show all\u0026amp;#39;; }\" value=\"Show all\" \/\u0026gt;\u0026lt;\/div\u0026gt;\u003Cbr \/\u003E\u0026lt;div class=\"comment-box\"\u0026gt;\u003Cbr \/\u003E\u0026lt;script type=\"text\/javascript\"\u0026gt;\u003Cbr \/\u003Evar tgl=false;var title_arr=new Array();var arr=0;var err=\"[err]\";var icon_expand=\"http:\/\/4.bp.blogspot.com\/-MxGZTemGwiI\/UXqAWpaVj0I\/AAAAAAAADTU\/-hwcbgEiCEI\/s1600\/icon-plus.png\";var icon_collapse=\"http:\/\/1.bp.blogspot.com\/-6nL3BgBD6pM\/UXqAWZQJIBI\/AAAAAAAADTQ\/7IjUXA0avYU\/s1600\/icon-minus+copy.png\";var maxcomments=20;function real_posttitle(postid){for(var i=0;i\u0026lt;title_arr.length;i++){if(title_arr[i][0]==postid)return title_arr[i][1];}\u003Cbr \/\u003Ereturn err;}\u003Cbr \/\u003Efunction showrecentposts(json){var numposts=999999;for(i=0;i\u0026lt;numposts;i++){var entry=json.feed.entry[i];var postid;var title;if(i==json.feed.entry.length)break;for(var k=0;k\u0026lt;200;k++){if(entry.link[k].rel=='self'){postid=entry.link[k].href;postid=postid.substr(postid.lastIndexOf(\"\/\")+1,100);}\u003Cbr \/\u003Eif(entry.link[k].rel=='alternate'){title=entry.link[k].title;break;}}\u003Cbr \/\u003Etitle_arr[arr]=postid+\"\u0026amp;#176;\"+title;title_arr[arr]=title_arr[arr].split(\"\u0026amp;#176;\");++arr;}}\u003Cbr \/\u003Efunction unfold(el){var comid=el.id.substr(8,10);if(el.src==icon_expand){el.src=icon_collapse;document.getElementById(\"com_id\"+comid).style.display=\"block\";}else{el.src=icon_expand;document.getElementById(\"com_id\"+comid).style.display=\"none\";}}\u003Cbr \/\u003Efunction unfold_all(el){try{for(var i=0;i\u0026lt;maxcomments;i++){document.getElementById(\"com_id\"+i).style.display=\"block\";document.getElementById(\"click_id\"+i).src=icon_collapse;}}catch(e){;}\u003Cbr \/\u003Eel.value='Show all';}\u003Cbr \/\u003Efunction fold_all(el){try{for(var i=0;i\u0026lt;maxcomments;i++){document.getElementById(\"com_id\"+i).style.display=\"none\";document.getElementById(\"click_id\"+i).src=icon_expand;}}catch(e){;}\u003Cbr \/\u003Eel.value='Hide all';}\u003Cbr \/\u003Efunction showrecentcomments(json){var numcomments=999999;var postid;var i=0;for(i=0;i\u0026lt;numcomments;i++){var entry=json.feed.entry[i];var alturl;var anonymous=false;if(i==json.feed.entry.length)break;for(var k=0;k\u0026lt;entry.link.length;k++){if(entry.link[k].rel=='self'){postid=entry.link[k].href.split(\"\/\");postid=postid[5];}\u003Cbr \/\u003Eif(entry.link[k].rel=='alternate'){alturl=entry.link[k].href;break;}}\u003Cbr \/\u003Evar postlink=alturl.split(\"#\");postlink=postlink[0];var linktext=postlink.split(\"\/\");linktext=linktext[5];linktext=linktext.split(\".html\");linktext=linktext[0];var profilelink=\"\";try{profilelink=entry.author[0].uri.$t;}catch(e)\u003Cbr \/\u003E{anonymous=true;};var posttitle=real_posttitle(postid);if(posttitle==err){posttitle=linktext.replace(\/-\/g,\" \");}\u003Cbr \/\u003Evar commentdate=entry.published.$t;var cdyear=commentdate.substring(0,4);var cdmonth=commentdate.substring(5,7);var cdday=commentdate.substring(8,10);var ctime=commentdate.substr(11,5);var monthnames=new Array();monthnames[1]=\"january\";monthnames[2]=\"february\";monthnames[3]=\"march\";monthnames[4]=\"april\";monthnames[5]=\"may\";monthnames[6]=\"june\";monthnames[7]=\"july\";monthnames[8]=\"august\";monthnames[9]=\"september\";monthnames[10]=\"october\";monthnames[11]=\"november\";monthnames[12]=\"december\";if(\"content\"in entry){var comment=entry.content.$t;}\u003Cbr \/\u003Eelse\u003Cbr \/\u003Eif(\"summary\"in entry){var comment=entry.summary.$t;}else var comment=\"\";if(i\u0026lt;maxcomments){if(tgl){tgl=false;var cl=\"row-a\";}else{tgl=true;var cl=\"row-b\";}\u003Cbr \/\u003Edocument.write('\u0026lt;div class=\"'+cl+' row-div\"\u0026gt;\u0026lt;img id=\"click_id'+i);document.write('\" style=\"cursor:pointer;\" onclick=\"unfold(this);\"');document.write('src=\"'+icon_expand+'\" \/\u0026gt;\u0026amp;nbsp;');document.write('On '+cdday+' '+monthnames[parseInt(cdmonth,10)]+' '+cdyear);document.write(', at '+ctime+', ');if(anonymous==false){document.write('\u0026lt;a href=\"'+profilelink+'\"\u0026gt;'+entry.author[0].name.$t+'\u0026lt;\/a\u0026gt; ');}else{document.write(entry.author[0].name.$t+' ');}\u003Cbr \/\u003Edocument.write('commented on \u0026lt;a href=\"'+alturl+'\"\u0026gt;'+posttitle+'\u0026lt;\/a\u0026gt;');document.write('\u0026lt;\/div\u0026gt;');document.write('\u0026lt;div class=\"comments1\" id=\"com_id'+i+'\" style=\"display:none;\"\u0026gt;'+comment+'\u0026lt;\\\/div\u0026gt;');}}\u003Cbr \/\u003Edocument.getElementById(\"numcom\").innerHTML=i;}\u003Cbr \/\u003E\u0026lt;\/script\u0026gt;\u0026lt;script type=\"text\/javascript\"\u0026nbsp; src=\"\u003Cspan style=\"color: blue;\"\u003Ehttp:\/\/helplogger.blogspot.com\u003C\/span\u003E\/feeds\/posts\/default?start-index=1\u0026amp;max-results=999999\u0026amp;alt=json-in-script\u0026amp;callback=showrecentposts\"\u0026gt;\u0026lt;\/script\u0026gt;\u0026lt;script type=\"text\/javascript\"\u0026nbsp; src=\"\u003Cspan style=\"color: blue;\"\u003Ehttp:\/\/helplogger.blogspot.com\u003C\/span\u003E\/feeds\/comments\/default?start-index=1\u0026amp;max-results=999999\u0026amp;alt=json-in-script\u0026amp;callback=showrecentcomments\"\u0026gt;\u003Cbr \/\u003E\u0026lt;\/script\u0026gt;\u0026lt;\/div\u0026gt;\u003C\/blockquote\u003E\n\u003Cbr \/\u003E\nNote: Replace \u003Cspan style=\"color: blue;\"\u003Ehttp:\/\/helplogger.blogspot.com\u003C\/span\u003E with the URL address of your blog or site.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n4. Save the expandable \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2012\/03\/recent-comments-widget-for-blogger.html\"\u003Erecent comments widget for Blogger\u003C\/a\u003E \/ Blogspot by clicking on the 'Save' button... and you're done!"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/2619594340590070450\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2013\/04\/expandable-recent-comments-widget-for.html#comment-form","title":"10 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/2619594340590070450"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/2619594340590070450"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2013\/04\/expandable-recent-comments-widget-for.html","title":"Expandable Recent Comments Widget for Blogger\/Blogspot"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/4.bp.blogspot.com\/-ElzFJhTSYa0\/UXqRp7nxPqI\/AAAAAAAADTo\/djR3CMtbII4\/s72-c\/expandable-recent-comments-widget-for-blogger-blogspot.png","height":"72","width":"72"},"thr$total":{"$t":"10"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-8793788038521278014"},"published":{"$t":"2012-03-12T12:25:00.004-07:00"},"updated":{"$t":"2016-10-26T17:39:13.870-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Comments"},{"scheme":"http://www.blogger.com/atom/ns#","term":"recent comments"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Widgets"}],"title":{"type":"text","$t":"Add Recent Comments Widget with Avatars To Blogger"},"content":{"type":"html","$t":"In one of the previous tutorials we shared a simple \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2012\/03\/recent-comments-widget-for-blogger.html\"\u003ERecent Comments widget\u003C\/a\u003E that displays the latest comments published on the blog posts. However, the main downside was that the widget didn't have the option to show the users' avatars. So, for those who'd like to see something more, here's a stylish Recent comments widget with round avatars and comment excerpts. Besides providing the option of displaying the commenters avatars, we'll be able to change the default image for the anonymous avatar as well.\u003Cbr \/\u003E\u003Cbr \/\u003E\nSo, let's begin adding this cool recent comments widget in our Blogger blog...\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"ssmainhide\"\u003E\u003Cimg border=\"0\" src=\"https:\/\/2.bp.blogspot.com\/-vUQZNZ9r8E0\/Urb7yLvybZI\/AAAAAAAAFmk\/k1oPFuXwzkA\/s1600\/add-recent-comments-gadget-with-avatars-for-blogger-blogspot.png\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Ch2\u003EHow to add recent comments widget with avatars\u003C\/h2\u003E\nStep 1. Go to \u003Ca href=\"http:\/\/www.blogger.com\/home\" rel=\"nofollow\" target=\"_blank\"\u003EBlogger Dashboard\u003C\/a\u003E and select your blog \u0026gt; go to 'Layout' and click the 'Add a Gadget' link:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ccenter\u003E\u003Cimg alt=\"avatars, recent comments blogger, blogger widgets\" border=\"0\" height=\"81\" src=\"https:\/\/4.bp.blogspot.com\/-mLvgiM6vofE\/UTAOF5A25HI\/AAAAAAAAC2E\/weSw-aAkSeE\/s1600\/add-a-gadget-blogger-layout.png\" title=\"recent comments for blogger with round avatars\" width=\"400\" \/\u003E\u003C\/center\u003E\n\u003Cbr \/\u003E\nStep 2. When the pop-up window appears, scroll down and choose the 'HTML\/JavaScript' gadget:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ccenter\u003E\u003Cimg border=\"0\" height=\"130\" src=\"https:\/\/4.bp.blogspot.com\/-P2TH6ji2oHw\/UTAOqQFPGAI\/AAAAAAAAC2Q\/M6VnFBd74cc\/s1600\/html-javascript-blogger-gadgets-widgets.png\" width=\"320\" \/\u003E\u003C\/center\u003E\n\u003Cbr \/\u003E\nStep 3. Copy and paste the code for the \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2013\/04\/expandable-recent-comments-widget-for.html\"\u003Erecent comments widget\u003C\/a\u003E inside the empty box:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n\u0026lt;style type=\"text\/css\"\u0026gt;\u003Cbr \/\u003Eul.helploggercomments{list-style: none;margin: 0;padding: 0;}\u003Cbr \/\u003E.helploggercomments li {background: none !important;margin: 0 0 6px !important;padding: 0 0 6px 0 !important;display: block;clear: both;overflow: hidden;list-style: none;word-break:break-all;}\u003Cbr \/\u003E.helploggercomments li .avatarImage {padding: 3px;\u003Cbr \/\u003Ebackground: #fefefe;-webkit-box-shadow: 0 1px 1px #ccc;-moz-box-shadow: 0 1px 1px #ccc;box-shadow: 0 1px 1px #ccc;float: left;margin: 0 6px 0 0;position: relative;overflow: hidden;}\u003Cbr \/\u003E\u003Cspan style=\"color: red;\"\u003E.avatarRound {-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}\u003C\/span\u003E\u003Cbr \/\u003E.helploggercomments li img {padding: 0px;position: relative;overflow: hidden;display: block;}\u003Cbr \/\u003E.helploggercomments li span {margin-top: 4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}\u003Cbr \/\u003E\u0026lt;\/style\u0026gt;\u003Cbr \/\u003E\u0026lt;script type=\"text\/javascript\"\u0026gt;\u003Cbr \/\u003E\/\/\u0026lt;![CDATA[\u003Cbr \/\u003E\/\/ Recent Comments Settings\u003Cbr \/\u003Evar numComments\u0026nbsp; = \u003Cspan style=\"color: red;\"\u003E\u003Cb\u003E5\u003C\/b\u003E\u003C\/span\u003E,\u003Cbr \/\u003EshowAvatar\u0026nbsp; = true,\u003Cbr \/\u003EavatarSize\u0026nbsp; = \u003Cspan style=\"color: #38761d;\"\u003E\u003Cb\u003E60\u003C\/b\u003E\u003C\/span\u003E,\u003Cbr \/\u003EroundAvatar = true,\u003Cbr \/\u003Echaracters\u0026nbsp; = 40,\u003Cbr \/\u003EshowMorelink = false,\u003Cbr \/\u003EmoreLinktext = \"More »\",\u003Cbr \/\u003EdefaultAvatar\u0026nbsp; = \"\u003Cspan style=\"color: blue;\"\u003Ehttp:\/\/4.bp.blogspot.com\/-SRSVCXNxbAc\/UrbxxXd06YI\/AAAAAAAAFl4\/332qncR9pD4\/s1600\/default-avatar.jpg\u003C\/span\u003E\",\u003Cbr \/\u003EhideCredits = true;\u003Cbr \/\u003E\/\/]]\u0026gt;\u003Cbr \/\u003E\u0026lt;\/script\u0026gt;\u003Cbr \/\u003E\u0026lt;script type=\"text\/javascript\"\u0026gt;\u003Cbr \/\u003Eeval(function(p,a,c,k,e,r){e=function(c){return(c\u0026lt;a?'':e(parseInt(c\/a)))+((c=c%a)\u0026gt;35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(\/^\/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\\\b'+e(c)+'\\\\b','g'),k[c]);return p}('7 E=E||5,8=8||12,o=o||13,k=k||\"h:\/\/4.F.p.f\/-14\/15\/16\/17\/G\/18-19.1a\",H=H||\" 1b \u0026amp;1c;\",q=(r q===\\'u\\')?j:q,v=(r v===\\'u\\')?Q:v,m=(r m===\\'u\\')?j:m,I=(r I===\\'u\\')?Q:m;1d R(w){7 9;9=\\'\u0026lt;S J=\"R\"\u0026gt;\\';K(7 i=0;i\u0026lt;E;i++){7 x,y,3,n;6(i==w.T.b.z)1e;9+=\"\u0026lt;U\u0026gt;\";7 b=w.T.b[i];K(7 l=0;l\u0026lt;b.L.z;l++){6(b.L[l].1f==\\'1g\\'){x=b.L[l].A}}K(7 a=0;a\u0026lt;b.M.z;a++){y=b.M[a].1h.$t;3=b.M[a].1i$1j.V}6(3.g(\"\/G\/\")!=-1){3=3.B(\"\/G\/\",\"\/s\"+8+\"-c\/\")}e 6(3.g(\"\/W\/\")!=-1){3=3.B(\"\/W\/\",\"\/s\"+8+\"-c\/\")}e 6(3.g(\"\/X-c\/\")!=-1\u0026amp;\u0026amp;3.g(\"h:\")!=0){3=\"h:\"+3.B(\"\/X-c\/\",\"\/s\"+8+\"-c\/\")}e 6(3.g(\"N.f\/C\/1k-Y.O\")!=-1){3=\"h:\/\/1.F.p.f\/-1l\/1m\/1n\/1o\/s\"+8+\"\/1p.Z\"}e 6(3.g(\"N.f\/C\/1q-Y.O\")!=-1){3=\"h:\/\/2.F.p.f\/-1r\/1s\/1t\/1u\/s\"+8+\"\/1v.Z\"}e 6(3.g(\"N.f\/C\/1w.O\")!=-1){6(k.g(\"1x.f\")!=-1){3=k+\"\u0026amp;s=\"+8}e{3=k}}e{3=3}6(q==j){6(m==j){n=\"1y\"}e{n=\"\"}9+=\"\u0026lt;10 J=\\\\\"1z \"+n+\"\\\\\"\u0026gt;\u0026lt;C J=\\\\\"\"+n+\"\\\\\" V=\\\\\"\"+3+\"\\\\\" 1A=\\\\\"\"+y+\"\\\\\" 1B=\\\\\"\"+8+\"\\\\\" 1C=\\\\\"\"+8+\"\\\\\"\/\u0026gt;\u0026lt;\/10\u0026gt;\"}9+=\"\u0026lt;a A=\\\\\"\"+x+\"\\\\\"\u0026gt;\"+y+\"\u0026lt;\/a\u0026gt;\";7 11=b.1D.$t;7 d=11.B(\/(\u0026lt;([^\u0026gt;]+)\u0026gt;)\/1E,\"\");6(d!=\"\"\u0026amp;\u0026amp;d.z\u0026gt;o){d=d.1F(0,o);d+=\"\u0026amp;1G;\";6(v==j){d+=\"\u0026lt;a A=\\\\\"\"+x+\"\\\\\"\u0026gt;\"+H+\"\u0026lt;\/a\u0026gt;\"}}e{d=d}9+=\"\u0026lt;D\u0026gt;\"+d+\"\u0026lt;\/D\u0026gt;\";9+=\"\u0026lt;\/U\u0026gt;\"}9+=\\'\u0026lt;\/S\u0026gt;\\';7 P=\"\";6(I==j){P=\"1H:1I;\"}9+=\"\u0026lt;D 1J=\\\\\"1K-1L:1M;1N:1O;1P-1Q:1R;\"+P+\"\\\\\"\u0026gt;1S 1T\u0026lt;a A=\\\\\"h:\/\/w.p.f\/\\\\\"\u0026gt; 1U\u0026lt;\/a\u0026gt;\u0026lt;\/D\u0026gt;\";1V.1W(9)}',62,121,'|||authorAvatar|||if|var|avatarSize|commentsHtml||entry||commBody|else|com|indexOf|http||true|defaultAvatar||roundAvatar|avatarClass|characters|blogspot|showAvatar|typeof|||undefined|showMorelink|helplogger|commentlink|authorName|length|href|replace|img|span|numComments|bp|s1600|moreLinktext|hideCredits|class|for|link|author|blogblog|gif|hideCSS|false|helploggercomments|ul|feed|li|src|s220|s512|rounded|png|div|commHTML|60|40|SRSVCXNxbAc|UrbxxXd06YI|AAAAAAAAFl4|332qncR9pD4|default|avatar|jpg|More|raquo|function|break|rel|alternate|name|gd|image|b16|7bkcAKdpGXI|UrbyQRqvSKI|AAAAAAAAFmI|oBv_yMeYnMQ|blogger|openid16|VgnInuIUKBU|UrbzyXTYWRI|AAAAAAAAFmU|3f_Vfj3TI6A|openid|blank|gravatar|avatarRound|avatarImage|alt|width|height|content|ig|substring|hellip|visibility|hidden|style|font|size|10px|display|block|text|align|right|Widget|by|Helplogger|document|write'.split('|'),0,{}))\u003Cbr \/\u003E\u0026lt;\/script\u0026gt;\u003Cbr \/\u003E\u0026lt;script type=\"text\/javascript\" src=\"\/feeds\/comments\/default?alt=json\u0026amp;callback=helploggercomments\u0026amp;max-results=5\"\u0026gt;\u0026lt;\/script\u0026gt;\u0026lt;div style=\"font-size: 10px; float: right; margin-top: -15px\"\u0026gt;Get this \u0026lt;a href=\"http:\/\/helplogger.blogspot.com\/2012\/03\/add-recent-comments-widget-with-avatar.html\"\u0026gt;Recent Comments Widget\u0026lt;\/a\u0026gt;\u0026lt;\/div\u0026gt;\u003C\/blockquote\u003E\nNote:\u003Cbr \/\u003E\n- if you want square avatars instead of round, remove the line in red; \u003Cbr \/\u003E\n- by default, the recent comments widget with avatars will display 5 comments. If you need to show more, replace the \"5\" value in red;\u003Cbr \/\u003E\n- to change the avatar for anonymous users, replace the following address with the URL of your picture:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\u003Cspan style=\"color: blue;\"\u003Ehttp:\/\/4.bp.blogspot.com\/-SRSVCXNxbAc\/UrbxxXd06YI\/AAAAAAAAFl4\/332qncR9pD4\/s1600\/default-avatar.jpg \u003C\/span\u003E\u003C\/blockquote\u003E\n- to change the size of the avatar, replace 60 value in green\u003Cbr \/\u003E\u003Cbr \/\u003E\nStep 4. After changing these settings, click the 'Save' button and we're done!\u003Cbr \/\u003E\u003Cbr \/\u003E\nFrom now on, when a reader sees the \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2013\/03\/recent-comments-widget-with-hide-author.html\"\u003Erecent comments widget with avatars for Blogger\u003C\/a\u003E in the sidebar, he thinks that your blog is pretty active and that encourages him to post comments on your blog. This way, you can gather some active user base to comment on your blog posts."},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/8793788038521278014\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2012\/03\/add-recent-comments-widget-with-avatar.html#comment-form","title":"73 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/8793788038521278014"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/8793788038521278014"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2012\/03\/add-recent-comments-widget-with-avatar.html","title":"Add Recent Comments Widget with Avatars To Blogger"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/2.bp.blogspot.com\/-vUQZNZ9r8E0\/Urb7yLvybZI\/AAAAAAAAFmk\/k1oPFuXwzkA\/s72-c\/add-recent-comments-gadget-with-avatars-for-blogger-blogspot.png","height":"72","width":"72"},"thr$total":{"$t":"73"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-6110190039532383133"},"published":{"$t":"2012-03-11T07:36:00.002-07:00"},"updated":{"$t":"2016-10-26T16:03:25.324-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Comments"},{"scheme":"http://www.blogger.com/atom/ns#","term":"recent comments"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Widgets"}],"title":{"type":"text","$t":"Recent Comments Widget For Blogger"},"content":{"type":"html","$t":"This \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2012\/03\/add-recent-comments-widget-with-avatar.html\"\u003ERecent Comments Widget for Blogger\u003C\/a\u003E will display the most recent comments on your blog's sidebar, showing a snippet of the last comments along with the title of the post where the comment was made. The comments will be gathered in descending order with the newest comments at the top and the older ones at the bottom.\u003Cbr \/\u003E\u003Cbr \/\u003E\nThe gadget is coded in JavaScript and styled with CSS but there hasn't been added too much, so that it could fit the color scheme of your Blogger template.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nParameters to be configured:\u003Cbr \/\u003E\u003Cbr \/\u003E\na. Number of comments - total number of comments to display; \u003Cbr \/\u003E\nb. Date on which the comment has been published - either display or hide it;\u003Cbr \/\u003E\nc. Posts on which a comment has been made - you can either hide the post titles or show them;\u003Cbr \/\u003E\nd. Number of words per comment excerpt - the first \"n'' words of the comment will be listed.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nTo add the Recent Comment Widget to a Blogger blog is very easy.\u0026nbsp; Just follow the next steps below:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"ssmainhide\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg border=\"0\" src=\"https:\/\/1.bp.blogspot.com\/-yhmyRVb7azw\/T1y3ppgrNyI\/AAAAAAAABT8\/xw2VuIIqrOM\/s1600\/recent+comments+widget+for+blogger.png\" \/\u003E\u003C\/div\u003E\n\u003Ch2\u003E\nHow To Add Recent Comments Widget to Blogger\u003C\/h2\u003E\nStep 1. Log in to your \u003Ca href=\"http:\/\/www.blogger.com\/home\" rel=\"nofollow\" target=\"_blank\"\u003EBlogger Dashboard\u003C\/a\u003E, select your blog \u0026gt; go to \"Layout\" and click the \"Add a Gadget\" link:\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg border=\"0\" height=\"129\" src=\"https:\/\/4.bp.blogspot.com\/-mLvgiM6vofE\/UTAOF5A25HI\/AAAAAAAAC2E\/weSw-aAkSeE\/s1600\/add-a-gadget-blogger-layout.png\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nStep 2. From the pop-up window, scroll down and click on the \"HTML\/JavaScript\" option:\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg border=\"0\" height=\"130\" src=\"https:\/\/4.bp.blogspot.com\/-P2TH6ji2oHw\/UTAOqQFPGAI\/AAAAAAAAC2Q\/M6VnFBd74cc\/s1600\/html-javascript-blogger-gadgets-widgets.png\" width=\"320\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\nStep 3. Copy and paste the below code in the HTML\/JavaScript box:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n\u0026lt;script type=\"text\/javascript\"\u0026gt;\u003Cbr \/\u003E\nvar \u003Cspan style=\"color: #38761d;\"\u003Ea_rc = 5\u003C\/span\u003E;\u003Cbr \/\u003E\nvar \u003Cspan style=\"color: #38761d;\"\u003Em_rc = false\u003C\/span\u003E;\u003Cbr \/\u003E\nvar \u003Cspan style=\"color: #38761d;\"\u003En_rc = true\u003C\/span\u003E;\u003Cbr \/\u003E\nvar \u003Cspan style=\"color: #38761d;\"\u003Eo_rc = 100\u003C\/span\u003E;\u003Cbr \/\u003E\nfunction showrecentcomments(e){for(var r=0;r\u0026lt;a_rc;r++){var t,n=e.feed.entry[r];if(r==e.feed.entry.length)break;for(var i=0;i\u0026lt;n.link.length;i++)if(\"alternate\"==n.link[i].rel){t=n.link[i].href;break}t=t.replace(\"#\",\"#\");var a=t.split(\"#\");a=a[0];var c=a.split(\"\/\");c=c[5],c=c.split(\".html\"),c=c[0];var s=c.replace(\/-\/g,\" \");s=s.link(a);var o=n.published.$t,l=(o.substring(0,4),o.substring(5,7)),u=o.substring(8,10),m=new Array;if(m[1]=\"Jan\",m[2]=\"Feb\",m[3]=\"Mar\",m[4]=\"Apr\",m[5]=\"May\",m[6]=\"Jun\",m[7]=\"Jul\",m[8]=\"Aug\",m[9]=\"Sep\",m[10]=\"Oct\",m[11]=\"Nov\",m[12]=\"Dec\",\"content\"in n)var d=n.content.$t;else if(\"summary\"in n)var d=n.summary.$t;else var d=\"\";var v=\/\u0026lt;\\S[^\u0026gt;]*\u0026gt;\/g;if(d=d.replace(v,\"\"),document.write('\u0026lt;div class=\"rcw-comments\"\u0026gt;'),1==m_rc\u0026amp;\u0026amp;document.write(\"On \"+m[parseInt(l,10)]+\" \"+u+\" \"),document.write('\u0026lt;span class=\"author-rc\"\u0026gt;\u0026lt;a href=\"'+t+'\"\u0026gt;'+n.author[0].name.$t+\"\u0026lt;\/a\u0026gt;\u0026lt;\/span\u0026gt; commented\"),1==n_rc\u0026amp;\u0026amp;document.write(\" on \"+s),0==o_rc)document.write(\"\u0026lt;\/div\u0026gt;\");else if(document.write(\": \"),d.length\u0026lt;o_rc)document.write(\"\u0026lt;i\u0026gt;\u0026amp;#8220;\"),document.write(d),document.write(\"\u0026amp;#8221;\u0026lt;\/i\u0026gt;\u0026lt;\/div\u0026gt;\");else{document.write(\"\u0026lt;i\u0026gt;\u0026amp;#8220;\"),d=d.substring(0,o_rc);var w=d.lastIndexOf(\" \");d=d.substring(0,w),document.write(d+\"\u0026amp;hellip;\u0026amp;#8221;\u0026lt;\/i\u0026gt;\u0026lt;\/div\u0026gt;\"),document.write(\"\")}}}\u003Cbr \/\u003E\n\u0026lt;\/script\u0026gt;\u0026lt;script src=\u003Cspan style=\"color: blue;\"\u003Ehttp:\/\/your-blog-name.blogspot.com\u003C\/span\u003E\/feeds\/comments\/default?alt=json-in-script\u0026amp;callback=showrecentcomments\u0026gt;\u0026lt;\/script\u0026gt;\u0026lt;div style=\"font-size: 10px; float: right;\"\u0026gt;Get this \u0026lt;a href=\"http:\/\/helplogger.blogspot.com\/2012\/03\/recent-comments-widget-for-blogger.html\"\u0026gt;Recent Comments Widget\u0026lt;\/a\u0026gt;\u0026lt;\/div\u0026gt;\u003Cbr \/\u003E\n\u0026lt;style type=\"text\/css\"\u0026gt;\u003Cbr \/\u003E\n.rcw-comments a {text-transform: capitalize;}\u003Cbr \/\u003E\n.rcw-comments {border-bottom: 1px dotted;padding: 7px 0;}\u003Cbr \/\u003E\n\u0026lt;\/style\u0026gt;\u003C\/blockquote\u003E\n\u003Cbr \/\u003E\nStep 4. Replace \u003Cspan style=\"color: blue;\"\u003Ehttp:\/\/your-blog-name.blogspot.com\u003C\/span\u003E with your address (pay attention to not have two forward slashed at the end of it).\u003Cbr \/\u003E\u003Cbr \/\u003E\nOther settings: \u003Cbr \/\u003E\n- to change the number of comments that are being displayed, replace the \"5\" value from \u003Cspan style=\"color: #38761d;\"\u003Ea_rc=5\u003C\/span\u003E;\u003Cbr \/\u003E\n- to add the date on which the comment has been made, change the \"false\" text from \u003Cspan style=\"color: #38761d;\"\u003Em_rc=false\u003C\/span\u003E to \"true\";\u003Cbr \/\u003E\n- to hide the post titles, change the \"true\" text from \u003Cspan style=\"color: #38761d;\"\u003En_rc=true\u003C\/span\u003E to \"false\";\u003Cbr \/\u003E\n- to show more or less comment characters, change the \"100\" value from \u003Cspan style=\"color: #38761d;\"\u003Eo_rc=100\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\nStep 5. Click the \"Save\" button and go to see the \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2013\/03\/recent-comments-widget-with-hide-author.html\"\u003Erecent comments widget for Blogger\u003C\/a\u003E live on your blog!"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/6110190039532383133\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2012\/03\/recent-comments-widget-for-blogger.html#comment-form","title":"112 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/6110190039532383133"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/6110190039532383133"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2012\/03\/recent-comments-widget-for-blogger.html","title":"Recent Comments Widget For Blogger"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-yhmyRVb7azw\/T1y3ppgrNyI\/AAAAAAAABT8\/xw2VuIIqrOM\/s72-c\/recent+comments+widget+for+blogger.png","height":"72","width":"72"},"thr$total":{"$t":"112"}}]}});