How to number comments in Blogger/BlogSpot alphause

Po ... How to number comments in Blogger/BlogSpot 26 comments This cool Blogger trick will help you to add comment count inside a speech bubble, so that you & your readers can use the numbers to mention or point to a particular comment on any of your posts. Besides this, numbering your comments might help you to improve the look and feel of your blog. Note:This works withthe previous blogger commenting system, so if you want to apply this trick, first you need to remove the Blogger threaded comments. See here How to remove Blogger threaded comments UPDATE!Now you can have a comment bubble in your threaded comments also! For more info, please read this tutorial: How to Add Numbered Comments In Threaded Comments How to add numbered comments on our Blogger/Blogspot blog Step 1.From your Blogger Dashboard, go toTemplateand click on theEdit HTMLbutton: Step 2.Click anywhere inside the code area and press the CTRL + F keys to open the search box: Step 3.Type or paste the following code inside the search box and hit Enter to find it: Step 4.Just above it, paste this code: Step 5.The, find this code: Step 6.And just below/after it, copy and paste this: Step 7.Find (CTRL+F) this tag: Step 8.Just above thetag, paste this code: Note: To change the comment bubble, replacethe text in redfrom above with your address To change the color of the numbers, replace thetext in bluewith the hex value of your color. This tool can help you to pick up any color that you may need: Color code generator Comment Bubbles To choose a comment bubble, right-click on the image and select "Copy Image Address/Location": IMPORTANT: You can use any image instead of the one linked in the code above (STEP 8) but after you need to change the size values (width and height), so that the numbers inside the bubble won't float outside of it. Step 9.Save the template and enjoy your comments :] Related tutorial: Add a Comment Bubble to Blogger Post Titles Like 3 Random Posts How to Add a Recent Forum Topics Widget to Blogger21/10/2013 - 1 Comments Orbit - jQuery Image Slider Plugin For Blogger17/02/2014 - 4 Comments How to Increase Thumbnail Resolution on Blogger02/02/2014 - 5 Comments Related Posts: Top Commentators Widget with Avatar... Expandable Recent Comments Widget f... Recent Comments Widget with Hide Au... Add a Different Background For Auth... What is the difference between padd... 26 comments: revolution 4/23/2012 Nice blog , but try adding some kind of live chat to this blog so that we visitors can discuss among ourselves instead to commenting and waiting for the replies ...there are many such free services available ..ex , http://confaber.com Reply Becky M 5/21/2012 hmm... this didn't work for me. Does this not work when you have comments in a separate page? Reply Replies Admin 5/22/2012 Hi Becky, if you have threaded comments enabled it does not work but it should work with the old comment system. Please verify if you have added the codes at the right places Ryan Gracie 5/28/2012 Hi, I am using a simple blogger template and I can't find any of the codes listed here. I have tried everything, if you could help me that would be great. Reply Anonymous 7/30/2012 i think becky m means "does this not work when you have "pop up window" comments. what's the answer? Reply Michelle MsRomanticReads 8/12/2012 I tried this on my blog, and everything seems to work fine except that the numbers don't show up in the bubble. Do you have any idea why that might be and what I can do to fix it? I don't have a standard blogger template, mine was customized. Reply admin36 8/24/2012 Yay!!!! Finally a tutorial that works on numbering blog comments!!! I just created a newer blog and couldn't get any of the tutorials online to work. I think the whole problem with the others was that no other directed me to remove the blogger threaded comments. Will be doing a link to this post on my blog. Thank you so much!!! BBD Reply Loading... 9/01/2012 Anyone know how do i make my last comment to be first in list ? Sorry my english . I try to explain what i want So my post has 200+ comments and i want to see the last comment ,first ! Reply Jeanne Gwin 9/24/2012 Can't get it to work for me. Do I have to disable avatar pics for it to work? Reply Replies Admin 9/24/2012 Nope. You have threaded comments on your blog. This tutorial should work for you: Link Hope it helps :) chandra wibowo 9/30/2012 i don't found the code that mentioned in step 4 >.< Reply Taimoor 10/02/2012 Thanks its very helpful :) Reply open source developer 10/08/2012 Your blog is awe-inspiring. I have found many new things. Your way of staging is also fascinating. You have elected very incredible topic. I appreciate it. Reply Anonymous 10/15/2012 Your blog seems to be good..Thanks for sharing..!! it interview questions Reply Godfatherr Jp 12/30/2012 For some unknown reason, this awesome tweak (ie to get numbered comments) is just not working for me no matter how hard I've tried. And yes, I am using threaded comments. I really couldn't tell you why this is the case. My only guess is that since I am in the habit of trying all sorts of random tweaks and customizations I happen to fancy, it may be that one of the tweaks I already have in place (saved) is preventing this from taking effect. Reply ⓜⓔⓔⓝⓐ 1/02/2013 Your awesome! Reply Bali Hotels 1/17/2013 Great Post, thank you for sharing :) Reply myndot 1/17/2013 wanna try it thanks Reply Henry Wood 1/30/2013 Very nice post!! , thank you for sharing. I have gone for it for my blog but numbers are not displaying in bubbles. Reply Blog Full Version 2/05/2013 I tried this on my blog, and everything seems to work fine except that the numbers don't show up in the bubble. Do you have any idea why that might be and what I can do to fix it? I don't have a standard blogger template, mine was customized. Reply Anonymous 3/08/2013 i dosent work for me :/ Reply Ranch Wife 5/11/2013 Thank you for taking the time to share this tutorial. Numbered comments will be very helpful. I do not see the 'Expand Widget Template' when I am in Edit HTML and when I try paste the code in step 3 into the ctrl box, it shows 0 of 0. Is there a solution for this? Thanks again! Reply Orlando Website Design 6/06/2013 Thanks for sharing this amazing post with us. I will definitely try this one in my blogs. Reply Kevin Right 10/26/2013 Great post! It is easy now to add coments. Reply maarikami (LiiviundLiivi) 1/20/2014 I guess I am not smart enough. It doesn't change anything for me, so sad Reply Mindie Hilton 2/18/2014 I just tried this and nothing changed. I tried turning off the embed comments, and it still didn't work. 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 3 Like