All Latest Earning Stuff: recent comments

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  plus/minus icon or by hitting the "Show all" or "Hide all" button.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3oeJyBRfsv1X8AsSMAX_DHT0_D8Pb7Na9CgPmmIiDvSLYakB1EE51g-jkox9n1JxF9waOYAg8Era0WbMNZD5enS0YalNoKbRhr50qXMCfgAIy-fuwxkRGZug0f23qeTVW3U8Rhq_PlmN9/s1600/expandable-recent-comments-widget-for-blogger-blogspot.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="recent comments widget, blogger gadgets, blogspot tricks" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3oeJyBRfsv1X8AsSMAX_DHT0_D8Pb7Na9CgPmmIiDvSLYakB1EE51g-jkox9n1JxF9waOYAg8Era0WbMNZD5enS0YalNoKbRhr50qXMCfgAIy-fuwxkRGZug0f23qeTVW3U8Rhq_PlmN9/s320/expandable-recent-comments-widget-for-blogger-blogspot.png" title="recent comments widget for blogger blogspot with expand/collapse function" width="247" /></a></div><br />To add the Expandable Recent Comments widget for Blogger, please follow the next steps below:<br /><br /><h2>Adding Expandable Recent Comments Widget to Blogger</h2>1. From your <a href="https://www.blogger.com/ rel=">Blogger dashboard</a>, go to "Layout", then click on "Add a Gadget" link:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq6J_lkZZrmUn0Gh_Ro0hbJFlwUroNyRQasv0_iNYYJxx4CCBFKvWpabsS-JtLcKb1wD_B1KqqJ9jrGDFeShD9F_LFSHXSeiSD-N9y6s-bWCj8SDzCiQ6CZFdkhab2h_4xmhFJcjcADgkN/s1600/blogger-layout-add+a+gadget-how-to.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq6J_lkZZrmUn0Gh_Ro0hbJFlwUroNyRQasv0_iNYYJxx4CCBFKvWpabsS-JtLcKb1wD_B1KqqJ9jrGDFeShD9F_LFSHXSeiSD-N9y6s-bWCj8SDzCiQ6CZFdkhab2h_4xmhFJcjcADgkN/s640/blogger-layout-add+a+gadget-how-to.png" width="640" /></a></div><br />2. When the pop-up window appears, scroll down and select the "HTML/JavaScript" widget:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiwgTlch-8ujHUJ-GLhS2s1RSkKJkjsHx4POaj7fomkd8BCjCR2P-E44trljXv6yuum36CWUP_CYGOc7vGOT82zIueEUl9L-JYRTYD-vBQnxLuYhOBx6iKmwQXH6a6K1nPsjl4dG5vSpf8/s1600/blogger-widgets-gadgets-tutorials-tricks-helplogger-html-javascrip.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiwgTlch-8ujHUJ-GLhS2s1RSkKJkjsHx4POaj7fomkd8BCjCR2P-E44trljXv6yuum36CWUP_CYGOc7vGOT82zIueEUl9L-JYRTYD-vBQnxLuYhOBx6iKmwQXH6a6K1nPsjl4dG5vSpf8/s400/blogger-widgets-gadgets-tutorials-tricks-helplogger-html-javascrip.png" width="400" /></a></div><span style="color: #3d85c6;"><br /></span>3. Copy and paste this code inside the empty box:<br /><blockquote class="tr_bq"><style type="text/css">.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;}<br /></style><br /><div style="text-align: center" class="comment-header"><input class="comment-button" id="commshowall" type="button" onclick="if (this.value == &#39;Show all&#39;) { unfold_all(this); this.value=&#39;Hide all&#39;; } else { fold_all(this); this.value=&#39;Show all&#39;; }" value="Show all" /></div><br /><div class="comment-box"><br /><script type="text/javascript"><br />var tgl=false;var title_arr=new Array();var arr=0;var err="[err]";var icon_expand="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqUhPo9A5qIiKapqF6T08m_qWkkSZZnj5PMCdm0kEEVHxNJAY9qjH_xskgGLPOa-52GdcqZ3G_DFrMnzMXv-oFv9gdbIOVMnCMgWLh6Qm65INSW-wCKbA7JA5hLmUTVZqp1AuBboarWyy8/s1600/icon-plus.png";var icon_collapse="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhag6azrqk3aSJ-FoB-uOXktPMnyo0NtVNGyDZ4gqT-0kUuqru2YVXwck_zqpgT3N9ZagE2MboAtoGTZ-atxkgYtloaw9i2DAgMafwm7OQ_TJt38le4b11kafz-pNqV_uvPd9RkUGWktFO/s1600/icon-minus+copy.png";var maxcomments=20;function real_posttitle(postid){for(var i=0;i<title_arr.length;i++){if(title_arr[i][0]==postid)return title_arr[i][1];}<br />return err;}<br />function showrecentposts(json){var numposts=999999;for(i=0;i<numposts;i++){var entry=json.feed.entry[i];var postid;var title;if(i==json.feed.entry.length)break;for(var k=0;k<200;k++){if(entry.link[k].rel=='self'){postid=entry.link[k].href;postid=postid.substr(postid.lastIndexOf("/")+1,100);}<br />if(entry.link[k].rel=='alternate'){title=entry.link[k].title;break;}}<br />title_arr[arr]=postid+"&#176;"+title;title_arr[arr]=title_arr[arr].split("&#176;");++arr;}}<br />function 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";}}<br />function unfold_all(el){try{for(var i=0;i<maxcomments;i++){document.getElementById("com_id"+i).style.display="block";document.getElementById("click_id"+i).src=icon_collapse;}}catch(e){;}<br />el.value='Show all';}<br />function fold_all(el){try{for(var i=0;i<maxcomments;i++){document.getElementById("com_id"+i).style.display="none";document.getElementById("click_id"+i).src=icon_expand;}}catch(e){;}<br />el.value='Hide all';}<br />function showrecentcomments(json){var numcomments=999999;var postid;var i=0;for(i=0;i<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<entry.link.length;k++){if(entry.link[k].rel=='self'){postid=entry.link[k].href.split("/");postid=postid[5];}<br />if(entry.link[k].rel=='alternate'){alturl=entry.link[k].href;break;}}<br />var 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)<br />{anonymous=true;};var posttitle=real_posttitle(postid);if(posttitle==err){posttitle=linktext.replace(/-/g," ");}<br />var 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;}<br />else<br />if("summary"in entry){var comment=entry.summary.$t;}else var comment="";if(i<maxcomments){if(tgl){tgl=false;var cl="row-a";}else{tgl=true;var cl="row-b";}<br />document.write('<div class="'+cl+' row-div"><img id="click_id'+i);document.write('" style="cursor:pointer;" onclick="unfold(this);"');document.write('src="'+icon_expand+'" />&nbsp;');document.write('On '+cdday+' '+monthnames[parseInt(cdmonth,10)]+' '+cdyear);document.write(', at '+ctime+', ');if(anonymous==false){document.write('<a href="'+profilelink+'">'+entry.author[0].name.$t+'</a> ');}else{document.write(entry.author[0].name.$t+' ');}<br />document.write('commented on <a href="'+alturl+'">'+posttitle+'</a>');document.write('</div>');document.write('<div class="comments1" id="com_id'+i+'" style="display:none;">'+comment+'<\/div>');}}<br />document.getElementById("numcom").innerHTML=i;}<br /></script><script type="text/javascript"  src="<span style="color: blue;">http://helplogger.blogspot.com</span>/feeds/posts/default?start-index=1&max-results=999999&alt=json-in-script&callback=showrecentposts"></script><script type="text/javascript"  src="<span style="color: blue;">http://helplogger.blogspot.com</span>/feeds/comments/default?start-index=1&max-results=999999&alt=json-in-script&callback=showrecentcomments"><br /></script></div></blockquote><br />Note: Replace <span style="color: blue;">http://helplogger.blogspot.com</span> with the URL address of your blog or site.<br /><br />4. Save the expandable <a href="http://helplogger.blogspot.com/2012/03/recent-comments-widget-for-blogger.html">recent comments widget for Blogger</a> / Blogspot by clicking on the 'Save' button... and you're done!

Expandable Recent Comments Widget for Blogger/Blogspot

The Expandable Recent Comments widget for Blogger is a very accessible widget that can be collapsed or expanded through user interaction, so...