Recent Comments Widget with Hide Author Comments function For Blogger alphause

Po ... Recent Comments Widget with Hide Author Comments function For Blogger 22 comments A few days ago, Mrpolieasked if there's a way to hide the author comments in the Recent Comments widget so that we would be able to see only readers' comments and our replies to be hidden. So, in this post I'll be sharing with you the Recent Comments widget that comes with this function. If you want to show just blog readers' comments rather than yours, you have just to change "Blogger User" text with the surname under which you are posting. The main features of this recent comments widget: You'll be able to hide your comments Change the avatar size Set the number of comments to display Set the length of comment for the widget to display Now let's start adding it... Step 1.From your Blogger Dashboard, go toLayoutand click onAdd a Gadgetlink Step 2.In the pop-up window, choose the HTML/JavaScript widget Step 3.Copy-paste the following code: Recent Comments Widget with Round Avatars: Click to see the code Recent Comments Widget With Post Titles (no avatars): Click to see the code Some changes before saving it. - to set the number of comments to be shown, change the "5" value from the orange line - for the number of characters, change the "67" (for the 2nd widget, it is95) value from the green line - to hide your comments, replace theBlogger Usertext TWICE with your username - to change the size of avatar, change "50" from the blue line. - if you don't want rounded avatars, delete this line: -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;Step 4.Save your widget and you're done! Like 4 Random Posts How to Customize Blogger's Lightbox04/03/2013 - 10 Comments How to Replace Older Posts and Newer Posts Links with Blogger Post Titles11/04/2012 - 16 Comments Before/After Photo Effect with jQuery27/10/2013 - 5 Comments Related Posts: Add floating social media sharing b... Add A CSS Animated Share Button on ... Orbit - jQuery Image Slider Plugin ... Add a Cool Style to Blogger Threade... Top Commentators Widget with Avatar... 22 comments: jempot2 mempawah 3/16/2013 I've tried the script, and it works. Now I have a good recent comment Reply John Smith 3/16/2013 Oh, i won't take it. It's too long, too many code, too many script, and i hate script. But nice post brother, keep up. :) Reply Replies jempot2-office 3/17/2013 It's a lot of code and script, but on my blog does not cause the blog to be slow at the time of loading. Anonymous 3/25/2013 Just a problem on my website with this widget : it disable the lightbox function on the images, maybe JQuery interactions? Any solution to get them work together? thanks Reply Mtango nkalang'ango 4/02/2013 thank you it was helpful. Reply Miguel 4/04/2013 My former widget stopped working today, and after trying some 10 other widgets, this was the only that worked! Thanks! Reply Replies Admin 5/23/2013 You're welcome :) Thanks for visiting! Mtango nkalang'ango 4/21/2013 i applied to my blog it worked but as now i switched to Google+ comments it has stopped. what do i do to solve this. Reply Replies Admin 5/23/2013 Hi Mtango, Sorry but this widget is compatible only with Blogger comments, so if you want it to work again, then you have to disable Google+ Comments - from your dashboard, click on Google+ and uncheck the "Use Goggle+ Comments on this blog". Thanks for the visit! :) Pingu 6/26/2013 Thanks that very helpful my site look better now. Good working and best tutorial ever. I bookmarking your site to next referent. =) Reply The Red Baron 9/16/2013 No work at all. Reply Sakurai Winter 10/03/2013 Thank you very much!! It's work on my site ^^ Reply Gee 11/03/2013 It seems it hid some of my comments but not all. I can still see my authors comments on my blog. Reply Smishri 11/25/2013 Thank you very much,it worked on my site... Reply ilaria fatone 11/25/2013 Thank you for this widget. It is very useful. Since yesterday though I noticed that it doesn't show the latest comments but it picks them randomly. I linked my blog to G+ and had to change the name I signed my comments. This way some of my oldest comments show up in the widget. Is there a way to avoid somebody's comments to be displayed (which means my comments but with my older username un23 ilaria)? Thank you Reply Daho Ibrahim 1/10/2014 Excuse me for my bad English I'm French Thanks for this post it helped me a lot http://softwareofnet .blogspot.com Reply Nie-Typowe Wypieki 2/04/2014 Sorry to ask such a question, but what do you mean by "your name" - "to hide your comments, replace the Blogger User text TWICE with your name". Thanks to you, I just changed my old, not working recent comments widget to the ones that is finally working and looks great. I just would like to hide "my own/authors comment". Thank you again! Reply Replies Admin 2/22/2014 I wanted to mean the Blogger username. Sorry for the misunderstanding :) tom m. 2/21/2014 Thanks for the work to build this comment widget. It's real nice and is appreciated. I've one request though (when you have the time). I've tried everything i can to make the 'post title' link be underlined only on mouseover. Found some css tips online to do that but when added to the css style for the widget they change the links on the whole blog instead of just the post-title links on the comment widget. Cannot seem to get it to work for just the widget. So, wondering how to make that work, and thanks in advance if you would explain how to do that. Reply Replies Admin 2/22/2014 Hi Tom, You can make only the recent comments header underlined ("username" commented on "post title") using the current script by adding the.rc-header a:hover {text-decoration: underline;}inside the If you want to make only the post title underlined, I've made some modifications to the original script, so you need to replace the code that you added with this one: click here I hope this will work for you. Thanks for visiting! tom m. 2/22/2014 Admin, Thanks for that and for the fast reply also. Works great, adds the finishing touch i was looking for. tm Reply Miriel 2/28/2014 It works! Thank you ^^ Reply Add comment Comment as: Sign out Notify mePublishPreview Privacy Policy| Disclaimer| Terms of Service| Sitemap Back to Top DMCA PROTECTED Search Search Follow on Facebook Helplogger Like 2,784 people like Helplogger . Facebook social plugin Follow on Blogger Subscribe via Email Receive Quality Tutorials Straight in your Inbox by submitting your Email below. Submit Or subscribe via RSS Feed Recent Posts How to Add Numbered Page Navigation Widget for Blogger 5 Easy Ways to Improve the SEO of a blog & Boost Traffic What is the difference between padding and margins? Add a Custom jQuery Lightbox To Blogger How to Use Cookies in Javascript Recent Comments irsah imihar Customizing will always be easy with jquery and javascript. Even... Missy G Yay! Thank you for making this so easy! This is just what I... divakar sivashankar admin i have a problem even if i add the tag the ad is showing up... Anonymous I don't understand the instructions you have given :( Nanette Benablo your site is very helpful and easy to follow tutorials. thank you... Popular Posts Simple Recent Posts Widget for Blogger/Blogspot Create A Rollover Image Effect (change image on mouseover) Recent Comments Widget For Blogger How to remove Blogger Picture/Image Shadow and Border Hide/Show Widgets /Gadgets in Home/post /static/archive pages in Blogger 4 Like