Southern Listeners

Loading
Thanks to Greenlava for this cool gadget. Get yours here

Friday, January 13, 2012

Change Blogger Comment Font, Size and Color


Blogger has released its much anticipated threaded comment system, and so far I'm loving it. Except for one thing - the font looks weird. So I changed the font back to how it was in the old system, and in this post I'm gonna show you how. By the way, a big shout and super thanks to Anonymous for her generous donation to SouthernSpeakers.


Step 1:

Go to Dashboard - Template - Backup/Restore - Download Full Template - Close - Edit HTML - Proceed - Find for /* Variable definitions - Paste the following directly below the lines (See image below)
<Group description="Comment Font" selector=".comments .comments-content .comment-content, .ss">
     <Variable name="sscommentfont" description="Comment Font" type="font"
         default="normal normal 100% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif" value="normal normal 100% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif"/>   
     <Variable name="sscommentcolor" description="Comment Color" type="color" default="#000000" value="#000000"/>
   </Group>

Click on Save Template when you're done. Should you receive a bx error, delete Line 1 and Line 5 from the code above and try again.

Step 2:

Still under Edit HTML, find for /* Comments ----------------------------------------------- */ - Paste the following under the dashed line
.comments .comments-content .comment-content, .ss{
    font: $sscommentfont;
    color: $sscommentcolor;
}

Click on Save Template when you're done.



Go to Dashboard ('House' symbol) - Template - Customize - Advanced.

You should now see a new entry -- Comment Font. Click on it, and the rest is self-explanatory. Another thing. Since you cant view comments on the front page, you won't be able to preview the change using Template Designer. But clicking on 'Apply' will apply the changes. All the best!

217 comments:

  1. a million thanks. Very helpful tutorial. It worked perfectly fine for me. Thanks again!

    ReplyDelete
    Replies
    1. First, yay! Since there wasn't any comment since I published this post, I was wondering if something was wrong with it. Thanks for your feedback :)

      Delete
    2. You are a genius, Mr/Ms Yogaratnam!

      Delete
    3. God bless you! I am a person who loves to share as well. Actually I looked this up in the internet just to help a friend with her blog. It's always so wonderful to find people who love to share. Have a wonderful day!

      PS the only confusing for someone not that much experienced may be this part "Go to Dashboard - Template - Backup/Restore - Download Full Template - Close - Edit HTML - Proceed" but don't worry, I am no IT wizz - If I could follow the steps then most blogers can :)

      Delete
    4. Thanks for the feedback. I'll think of a way to make that statement less confusing in the future :) Happy Sunday!

      Delete
  2. Thanks for this. My comments font and colour had inexplicably changed (all by themselves ... hmmmm) and I had no way of changing them back.

    ReplyDelete
    Replies
    1. You're welcome. It was because Blogger started to roll-out their new comment system. All blogs were changed to the default color, font and size that came with the update.

      Delete
  3. That's a relief, I thought it was something I'd done ... it usually is, I tend to tweak things and haven't a clue what I'm doing half the time. So thanks again for the info.

    ReplyDelete
    Replies
    1. If that is so the case, allow me to remind you to backup your template now - it might be useful some time in the future :)

      Cheers.

      Delete
  4. I tried it and it worked great for font style (thanks!), but I don't have the option to change font color. Is that because I had to delete line 1 and 5 to avoid the errror?

    ReplyDelete
    Replies
    1. Actually yes, but you still have that option available. Just click on the second tab that says Comment Color. See the image below for ref:

      http://i.imgur.com/cLjJI.png

      All the best :)

      Delete
    2. I don't have that option. It goes from Comment Font to Main Background Color. There is no option for Comment Color :>(

      Delete
    3. Allow me to have a look at your template. Copy your whole template - go to www.pastebin.com - paste it there and get back to me with its link. I'll see what I can do.

      Delete
  5. In step 2, I can't find /* Comments anywhere in my HTML. Any suggestions about where I should paste the code? I am using the Simple template. Thank you.

    ReplyDelete
    Replies
    1. On your browser, press CTRL + F to activate the search function, and just search for "Comments" (without the quotes). If you really cant find it, you can paste your code directly above ]]></b:skin>, as shown below:

      http://i.imgur.com/f9BeL.png

      Delete
  6. Yobo, firstly thank you so much for all your helpful tips and pointers, I would have been lost without it.

    I have two questions - 1. When I click through from the main page to either the 'About me' or 'Contact' section, the background image/page alignment has changed position ever so slightly. Could you please tell me how to fix this.

    My second question is in regards to the way the page movement occurs when you change a page, is there a way of not having it swop from bottom to top.

    http://neda-shadanlou.blogspot.com/

    Many thanks,

    Neda

    ReplyDelete
    Replies
    1. Hi Neda. I'm sorry I haven't got any solutions for your problems. But I've got explanations. The Dynamic View is very delicate. It is made of layers being rendered on top of each other. The reason your image shifts is because of the scrollbar. Unfortunately, we can't shift the scrollbar inward without tearing your template apart. As for the page transition, it is defined a .js file. Can't change its content for now.

      Delete
  7. Hey ! Hope you are well.

    The threaded comments have not been activated for me on my blog - Could you please help me out !

    Blog address : http://mytradinghandbook.blogspot.com/

    ReplyDelete
    Replies
    1. You could try restoring your template widgets to default. First, backup your template as it could erase your previous mods. Then go to Dashboard - Template - Edit HTML - Proceed - Revert widget templates to default.

      All the best :)

      Delete
    2. Thanks for your reply. I did that and it didn't work. I updated my blog to dynamic views and it still isnt working !

      Any idea why ?

      Delete
    3. I am not exactly sure why. You should probably start a question thread in the help forum:

      Blogger Help

      All the best!

      Delete
    4. I found the answer - Its called 'I am really dumb'.

      Would not like to embarrass myself by explaining what I was doing.

      Thank you. You are a life saver !

      Delete
    5. Glad to know you fixed it by yourself :) Kudos!

      Delete
  8. THIS is awesome! Thank you. My OCD was in overdrive. This post was very helpful and *gasp* it worked!

    Two thumbs up!

    ReplyDelete
    Replies
    1. OCD eh? Now, that's something I can relate to. Happy to help, as always :)

      Delete
  9. Thank you so much, I tested this and it works perfectly. I would like to ask you if you know of a way for the author's comments to have a different colored background with this new blogger system. I had it before and now it disappeared!
    Thank you!!

    ReplyDelete
    Replies
    1. What a coincidence! I just spent the last 4 hours finding out a way to isolate author's comments in this new system. I used to have a way in the old system, but it got obsolete. Check out my bordered comment, eh? I'll write clear instructions in a post later at night or sometime tomorrow, stay tuned!

      Delete
    2. Thank you! Looking forward to it!

      Delete
  10. Thank you for your reply, it's a great thing you do helping people. This may have been asked many times before but I can't seem to find the answer anywhere.

    How do you create a 'recent comments' feed? which was one of the widgets I had on in the old template version of my site.

    Many thanks

    ReplyDelete
    Replies
    1. Forget about comment feeds, you can't even add a followers or archive gadget in Dynamic View. We've been told that the ability to add gadgets will soon be added to Dynamic View - and we're still waiting :)

      Delete
  11. Thanks! This worked wonders!
    acreativecookie.blogspot.com

    ReplyDelete
  12. Thank you so much for this - it worked a treat! I noticed that below my replies I am getting a thick line which you don't seem to have here. I was wondering if there is any way I can remove it?

    ReplyDelete
    Replies
    1. It comes with your template, and yes you can remove it. Go to Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

      .comments .continue{
      border: 0px !important;
      }

      Cheers :)

      Delete
    2. It worked! Thank you so much for your help :)

      Delete
  13. This works perfect. Thank you so much.

    ReplyDelete
  14. Hi. I've done as you suggest. Using the Simple template, so had to put the second piece of code before ]]>. I get the Comment Font entry under Advanced, but none of the changes happen when I click Apply to Blog. Any ideas?

    ReplyDelete
    Replies
    1. For best results, place the second code under /* Comments ----------------------------------------------- */

      Have you checked in your actual page if there is any changes? Because you can't preview the changes in Template Designer. Can I have a look at your blog?

      Delete
    2. Many thanks for the reply. Yes, I am checking on the page itself. I've even tried changing the comment font to red, to make sure I wasn't missing it! My blog is here.

      Delete
    3. Sorry, missed the first part of your comment. There is no /* Comments ----------------------------------------------- */ in my html.

      Delete
    4. I get what you mean, and I can see the problem. If you're interested, here's why: the CSS that you're adding in Step 2 consists variables. Usually, the variables won't be correctly represented if it is placed at the end of the CSS codes, unless if all the other CSS codes also have variables in them. See the problem?

      If you can't find Comments subheader, place the code from Step 2 under /* Posts
      ----------------------------------------------- */

      If it still doesnt work, leave the code as it is and drop me a comment. I'll inspect the state of your codes at that moment.

      Delete
    5. Not sure I follow your point about variables, but that did the trick. Many thanks again.

      Now all we need to make threaded comments look right is for Blogger to give those without a Google account a false 'avatar' - looks a bit odd with comments 'hanging' with no image.

      Delete
    6. That is an interesting point. I'll see if I can work something on it, after getting my assignments done :) Thanks for the idea.

      Delete
    7. Erm... the 'false avatar' has now appeared on my blog!

      Delete
    8. I've just published a new post before Blogger rolled out this update. Anyways, you can still use the code in that post if you wanna change this default avatar to a personalised imaged of your own.

      Delete
  15. I thought this would change the font, size, and color of the actual "comments" link. How do I do that?

    ReplyDelete
    Replies
    1. For the actual link, use this. Go to Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

      .comment-link, .comment-link a{
      font-size: 20px !important;
      color: pink !important;
      font-family:"Times New Roman" !important;
      }

      You wanna play with '20', 'pink' and 'Times New Roman'.

      Delete
    2. AWESOME!!! You are fantastic!! Thanks for the help!!!

      Delete
  16. Thanks again, works like a magic!
    http://www.socialcrunching.in/2012/02/twitter-new-brand-pages.html

    ReplyDelete
  17. Many thanks! I've finally changed the comments font!

    Is there any way to change the font for comment author too? I've tried adding a similar code for .comment-author with no success. But I'm not really good in this, maybe I did something wrong.

    ReplyDelete
    Replies
    1. I can think of a way. Here's a hint:
      Highlight Author Comments in Blogger's New Threaded Comment System

      If you can tell me the exact font that you're going after, perhaps I can be a better help. Do get back at me :)

      Delete
  18. Thanks so much for all the help, I recently started my own blog and had no clue, but you're tutorials are so easy to follow! thanks again :)

    ReplyDelete
    Replies
    1. You're most welcome :) Feel free to drop a comment if you have a particular question to shoot.

      Cheers.

      Delete
  19. This is amazing. It worked like a charm. Thank you so much for posting the information needed to change the comments font.

    ReplyDelete
  20. very nice play of colors, I like

    ReplyDelete
  21. Hi,

    I couldn't find /* Variable definitions or /* Comments but I am using a free custom blogger template so that could be the reason. Is there another way for me to apply the code in the template? Thanks!

    ReplyDelete
    Replies
    1. Let's have a look at your blog and see if we can place it somewhere else. I see you've got 3 blogs. Which blog are you working this on?

      Delete
  22. Hi,
    did you ever get around to give instructions on how to change the comment background color? Need to change that as well...
    Thanks

    ReplyDelete
    Replies
    1. Hi Thomas,

      Try this:

      .comment{
      background: black;
      padding: 5px !important;
      }

      Cheers!

      Delete
  23. I couldn't find the Variable definitions on my blog :( Please do help.
    http://makeupandbeautytips-home.blogspot.com/

    ReplyDelete
    Replies
    1. Hi Lancy,

      You're using a custom third-party template. Most tweaks won't work with third party templates. You can, however, manually add the code to style your comments.

      Go to Template Designer - Advanced - Add CSS - Scroll till the bottom - paste the following code - Apply to Blog.

      .comments .comments-content .comment-content, .ss{
      font-family: 'Walter Turncoat', cursive !important;
      color: red;
      font-size: 16px;
      }

      This is just an example. Change the values above accordingly.

      Delete
  24. I have a problem. My blooger does not show the new comment system and my comment on my blog are just way to large and I want to reduce them but dont know how

    ReplyDelete
    Replies
    1. Hi Dezi,

      Your rusted-beauty blog does use the new comment system. Follow the tutorial in this page and you should see the option to change your comment font-size.

      Delete
  25. I tried this, and it worked really well. I wanted to change the comment font size 'cause it was way to small before. Now it's fine, but you know, the part which shows 'someone posted a comment on this date and time' for each comment still remains extremely small...how do I change that font size?

    Here's the link to my blog if you want to see what actually is happening: http://words-that-matter.blogspot.in/

    Thanks a lot:)

    ReplyDelete
    Replies
    1. Hi CJ,

      We can change it manually. Go to Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

      .comments .comments-content .datetime {
      font-size: 15px !important;
      }

      Cheers :)

      Delete
  26. Thank you. Tried it. The date stamp font changed. How about comment author font? It remained the same...
    Do I add .comment-author too to the above code and to the ones you've given in the group description? I tried that but it didn't work...

    ReplyDelete
    Replies
    1. Oh right.. Forget about the code that I gave earlier. Use this one instead:

      .comment-header{
      font-size: 20px;
      }

      Cheers!

      Delete
  27. hi there! first of all - thank you so much for all of this, i've found your site immensely helpful! second - i'm wondering if there's a CSS code to make all of my posts body texts "large" rather than "normal" (or a custom size) without having to go through each post individually. thanks for your anticipated assistance!

    ReplyDelete
    Replies
    1. Hi Stella. I might be able to come up with something, but it largely depends on the template that you're using. What's your blog's address?

      Delete
  28. Good day sir yoga...

    Sir i just want to ask. How can change the word "Add a Comment"
    i wish you will help me sir,i have many post in here but i got no reply from you, maybe you are so busy because of many question of other blogger, because you are so popular ehehehe. I hope you will reply my comment...Thank you sir YOGA god bless....

    Here is my blog: www.moviedeck.blogspot.com

    ReplyDelete
    Replies
    1. Hi Reyes,

      I have replied all your replies in the past, 4-5 of them total. Perhaps you forgot to check back the posts in which you left your comments on?

      Anyways, to change the 'Add a comment' phrase, go to Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

      .comments-header h3{
      font-size: 0px;
      }
      .comments-header h3:before{
      content: "Other than add a comment";
      color: white;
      font-size: 14px;
      }

      Cheers! :)

      Delete
    2. It works!!!!!
      Perfect..
      Thank you sir YOGA...YOU ARE THE BEST!!!
      Blogging is became more easier because of you...

      CHEERS!

      Delete
  29. Bro, nice tutorial,.

    But I have a problem, in my blog I don't have this code:

    /* Comments ------------- */

    What should I do then??
    I'm using artisteer to build my blog,..

    ReplyDelete
    Replies
    1. I have not artisteer before. But worry not. Just place the CSS code among other CSS codes. That should work well.

      Cheers!

      Delete
  30. Does this not apply until I create a new blog post? I hate the cursive my comments are in right now...

    ReplyDelete
    Replies
    1. I can see why you're annoyed. It seems like you've done things right. When you go to Template Designer, do you not see an option to change comment fonts now?

      Delete
  31. Thanks a lot..
    It worked perfectly well....

    ReplyDelete
  32. Hi Yoga, how I can change the Comment Form witdh in dynamic views?

    ReplyDelete
    Replies
    1. Hi ac984,

      Go to Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

      .comments {
      width: 90% !important;
      }

      Cheers!

      Delete
  33. Thanks for this !! Was looking for a template fix for comment color. Worked like a charm !!!

    ReplyDelete
  34. Great Post, thanks for sharing

    ReplyDelete
  35. Does this work for embedded comments that aren't threaded?

    ReplyDelete
    Replies
    1. It was written based on the new system, so I'm not entirely sure if it'd work on the old one. I'd test it for you but as you can tell, I don't have access to the old comment system anymore. If you decide to give this a whirl, do let me know how it goes :)

      Delete
  36. Oh, and also, is there a way to make all of the font in threaded comments be Arial? I used your comment trick where it added a Comment Font option to the Templates place. But that only changed the font of comments to Arial, not the name, date or reply/delete buttons. Is there a way to turn it all to Arial and not just the comment part?

    P.S. Sorry for all the questions but you know so many answers and I have so many questions mostly regarding comments. Thank you in advance! :)

    ReplyDelete
    Replies
    1. No worries :) Add this to your CSS to change all elements in your comments to Arial:

      #comments{
      font-family: Arial !important;
      }

      Cheers :)

      Delete
  37. Thank you so much! Perfect yet again! :D

    ReplyDelete
  38. thanks ... i would like to know also how we can change the color, font,size of the name of author for the comment .

    ReplyDelete
    Replies
    1. Hi Youssef,

      Have you seen this post:
      http://www.southernspeakers.net/2012/01/highlight-author-comment-in-bloggers.html

      In any case, what color, font and size would you like to use?

      Delete
  39. How do I get the footer at the bottom of my posts: "Posted by Sheesh4 at 5:38 PM 3 comments" to all be in Arial font? Thanks in advance.

    ReplyDelete
    Replies
    1. Hi Sheesh,

      Add this to your CSS:

      .post-footer{
      font-family: arial !important;
      }

      Cheers.

      Delete
    2. Thanks so much! :D Worked great!

      Delete
    3. And how can I hide the "posted by" part?

      Delete
    4. Hi Daniel,

      Sorry for the late reply. Check the 'Extra' part in the following link:
      http://www.southernspeakers.net/2012/08/adding-author-name-below-post-title-in.html

      Cheers :)

      Delete
  40. Hi,
    Thank you for such a wonderful post.

    I have done the html changes, and I get the Comment Font entry under Advanced, but none of the changes happen when I click Apply to Blog. The color as well as the font remains the same. I am new to blogging, so wondering whether this is my mistake !
    Could you please have a look?

    Thanks in advance

    blog- http://tasteroute.blogspot.com

    ReplyDelete
    Replies
    1. Hi somisand,

      All the bits look fine when I inspected your blog - looks like you've done all the steps correctly, which means you should expect to see changes in the comment fonts in your blog.. Try giving it another go, and this time, try using a different browser than the one you used before.. It'd also help to clear your cache/cookies of your browser, as browsers sometimes tend to show your blog's previous state without loading the current state..

      Let me know how it goes :)

      Delete
    2. Thank you for your reply.
      Tried using different browsers - still not working :(

      Delete
    3. Hello,
      Your code is working fine for comments under each post. I am sorry that i missed to notice that early.
      [I have added comments to my home page. The changes doesn't seem to reflect on those.]

      Anyway i am happy with the new fonts and colors. They are perfect!
      Thank you :)

      Delete
    4. Excellent! If you were referring to the recent comment gadget in your homepage, unfortunately, we can't do much tweaking to it as it is running from iframe elements.. They're kinda locked, if you know what i mean..

      Cheers and Happy blogging :)

      Delete
  41. Perfect!! Thanks for the tutorial. Worked great, no problems.

    ReplyDelete
  42. Hi,

    Thank you for your nice post.

    Do you know how to hide "reply" after each comment? I only use one comment box at the bottom of the page.

    Thank you very much for your time and kind help.

    ReplyDelete
    Replies
    1. I'm afraid I don't see an easy way to do this. I'll let you know if I ever find an alternative. Cheers :)

      Delete
  43. Thank you, this worked! I wondered if you can tell me how to change the post footer font? It is also different than the courier font i've chosen for my blog and i don't have the option to change the font in the Advanced dashboard.

    Thank you!

    ReplyDelete
    Replies
    1. Hi Tash,

      Your post footer font is already set on Courier:
      http://img507.imageshack.us/img507/8553/64517923.png

      Have you got this sorted?

      Delete
  44. It's me again :D But I have to ask this from you cause you're this blog wizard! So... How on earth I can get my reaction button center? It ruins the whole layout being the only one, which isn't centered...

    janinastyle.blogspot.com

    ReplyDelete
    Replies
    1. Guess you've come to the right place. Go to Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

      .reaction-buttons table{
      width: 150px;
      margin-left: auto !important;
      margin-right: auto !important;
      }

      You might need to adjust the value 150px when you add more reactions in the future.

      Cheers :)

      Delete
  45. I know nothing about HTML so was intimidated at first, but I was surprised at how very simple it was. Thanks ever so much!

    ReplyDelete
    Replies
    1. Always appreciate a comment like this, thanks! :D

      Delete
  46. Will this work on dynamic views as well?

    Thank you

    ReplyDelete
    Replies
    1. Hi Kiara,

      It will not work on Dynamic View templates, but it is possible to set a font and change the default size and color for comments in Dynamic View via CSS tricks. What font would you like to use?

      Delete
  47. Another great tutorial - thank you!

    ReplyDelete
  48. How do you create a 'recent comments' feed? which was one of the widgets I had on in the old template version of my site. Cos I have understand the other things easily which you have posted here.

    ReplyDelete
    Replies
    1. It depends very much to the kind of template that you have. Let me have a look. What's your blog's address?

      Delete
    2. It's so nice to hear from you. Here is my blog address.

      http://www.watchlatesthollywoodmoviesonline.blogspot.com

      Delete
    3. I just wanted to check if your blog could support such widget, and yes it can. I don't have the widget's code here in this blog because there are lots and lots of blogs out there that have already posted this gadget. Simply google 'Blogger Recent comments widget' and you'll stumble upon many.

      Get the code for the widget, and use the 'HTML/Javascript' gadget from your 'layout' section to add the code. It is as simple as that.

      All the best :)

      Delete
    4. Thank you so much Yoga for you kind help and suggestion. I will surely be upload this code to my blog.

      Delete
  49. I just started a blog and your website has been invaluable! Thanks so much for all your tips.

    ReplyDelete
    Replies
    1. Hi Susan,

      I'm glad I could be of help. Appreciate the feedback, thanks! :)

      Delete
  50. Fascinating blog! Your depiction is attention-grabbing. Thanks for sharing your valued vision.

    ReplyDelete
    Replies
    1. Ah, that is one way to put it, thanks! :)

      Delete
  51. Yoga,
    in my magazine view comments, how do I change the color of the "Subscribe by email" link? Currently it's blue.

    ReplyDelete
    Replies
    1. Hi Ramy,

      Sorry for my late reply. It depends to the kind of template you're using. Can I have a look at your blog?

      Delete
    2. Hi Ramy,

      I'm having a hard time trying to locate the 'Subscribe by email' link in your blog. Where exactly is it placed again? There's one in your gadget but it isn't blue..

      Delete
    3. Sorry again. If you go to a post with comments, and open the comments, scroll all the way down and it's on the bottom right.

      Delete
    4. Hi Ramy,

      Sorry for my late reply. The comment subscribe links are generated within an iframe element. Unfortunately, these elements are protected by the iframe wrap, and it won't react to any CSS mod that we make. I don't see a way to change this link color at the moment..

      Delete
    5. thanks, this site is great and a huge resource for us! Keep it up!

      Delete
    6. Thanks Ramy.. Appreciate the support. Have a nice weekend ahead :)

      Cheers and God bless.

      Delete
  52. i have done it!!!!1

    is there a way i can apply one single font to gadgets and everything in my blog
    http://ptetech.blogspot.com

    ReplyDelete
    Replies
    1. Did you mean setting a different font for your gadgets? It might be possible. What font are you going after?

      Delete
  53. I am satisfied with your blog. Your post is dear. Thanks for sharing your precious comprehension with me.

    ReplyDelete
    Replies
    1. You're most welcome :) Thanks for the feedback!

      Delete
  54. Uh oh, this didn't work for me for some reason...perhaps it's because I've changed the html to say "click here to leave a comment" instead of the 0 comments text? Otherwise, I (unsurprisingly) have no idea what could be wrong.

    Any help would be great--thank you!?

    http://www.chowgypsy.com

    ReplyDelete
    Replies
    1. Hi chowgypsy,

      No, that's not it.. I've inspected your blog, everything looks fine and it really should work.. Hmmm...

      Wait a minute.. Your comment text is now red in color.. Looks like it is working :)

      Delete
    2. ahhh I see what's going on here. oops! I'm actually trying to change my text that says "click here to leave a comment". haha, damn. You don't perhaps have a tutorial on how to do that?

      Thanks again for the personalized help--you're awesome!

      Delete
    3. Published a new post just for you:

      http://www.southernspeakers.net/2012/10/changing-specific-link-color-in-blogger.html

      Cheers :)

      Delete
    4. yesssss awesome, you're a genius, thank you!

      Delete
  55. i have changed my commenting system to Disqus can you help me to change the font of it. I want it to be Veranda. Thanks looking forward to your guide.

    http://ptetech.blogspot.com

    ReplyDelete
    Replies
    1. I have not dealt with Disqus before, try contacting the Disqus team.

      Delete
  56. Hi Yoga,

    partially off context, but might be useful for others as well. Do you know how to remove the comment form in posts ?

    I searched forums to no avail...

    Please, please, help !

    Thank you very much

    ReplyDelete
    Replies
    1. Hi AFEG33,

      Go to Dashboard - Settings - Posts and Comments - Comment Location - Hide - Save Settings.

      Cheers :)

      Delete
    2. Hi,

      So simple...I'm so dumb !!!

      Thank you so much !

      God bless you

      Delete
  57. Hiya,
    Great tutorial, but I'm getting this ugly 'No comments' or '3 comments' etc in a different font to the rest - basically #000000 Times. The rest of the styling is fine, but I can't figure how to change this and also the font color for the Attribution 'Powered by Blogger' - that's black too. My template designer has never worked so I've dived into the HTML to change everything, with the help of great tutorials like yours!
    Any help greatly appreciated.

    ReplyDelete
    Replies
    1. Hi Sonja,

      Sorry for the late reply. Let's have a look at your blog. What's your blog's address?

      Cheers..

      Delete
  58. Replies
    1. Hi there,

      You can change your main post's fonts readily by going to the 'Advanced' section in your Template Designer - granted that you're using one of Blogger' default templates.

      Delete
  59. Thank you so much! This is exactly what I was looking for, and easy to follow and input.

    ReplyDelete
    Replies
    1. Excellent :) Thanks for the feedback, means a lot :)

      Delete
  60. I'm ready to pull my hair out. For some reason I can't get this font (Love Ya Like a Sister) to show up in Blogger. It shows up when viewing the blog on my computer, but not anywhere else. I have changed it to different fonts to see if it will work, and they do. Just not this specific font.

    http://temporarydesign.blogspot.com/

    Can you help?

    ReplyDelete
    Replies
    1. Hi Megan,

      It seems to be showing fine here: http://img443.imageshack.us/img443/9263/20130328193403capture.png

      What am I missing?

      Delete
    2. Finally figured it out!

      Thanks for your help,
      Megan

      Delete
  61. I was looking to customize my blog's comment box since very long. I tried a lot of things but all went wrong. Then I consult it to my husband and he suggest me and its done in 2 minutes. Its all is inbuilt in blogger.
    just go to customize - advance - post footer, and then you can change colors text of comment box from here. No need to add any html.
    for live example log on to
    http://mentos-india-contest-answers.blogspot.com

    ReplyDelete
    Replies
    1. The comment box and the post footer are two different entities. Perhaps you've been looking at tutorials intended for comment box, but it was the post-footer that you wanted to change. Unlike post footer, the template designer does not provide a native way to customize the comment box. Here's a screenshot of my decorated post footer, and yet plain comment box:

      http://img515.imageshack.us/img515/2850/20130512004808capture.png

      Delete
  62. YOU ROCK!!! I'm setting up my new blog and this post was by far the easiest thing I've encountered!!

    ReplyDelete
  63. Hi, I was wondering if you knew a way to change the "Subscribe by email" link in the comments section to instead read something like "Notify me of new comments," instead?

    Thanks for your help!

    ReplyDelete
    Replies
    1. The 'Subscribe by Email' is an iframe element, and thus cannot be changed. But I'll poke around and see if it is possible to inject some java into it.

      P/S: I've done some poking just before replying your comment, and so far it doesn't look good.

      Delete
    2. I've tried many variations, and it just won't work..

      Delete
  64. Thank you so much for this!!! I'm having a huge problem changing the font size of my "No comments: Post a Comment" following any of my posts. Do you have a tutorial to change that?

    ReplyDelete
    Replies
    1. That's huge!

      Here, this should fix it. Add it to your CSS:

      #comments h4{
      font-size: 20px !important;
      }

      Cheerss..

      Delete
  65. Thats such a shame I was almost there.

    I have a question, its tricky, its a fact there is a bug on my blogger account anytime I want to modify something on my dashboard, font, font size.. I have to re-make the entire template. If I am clicking apply it doesnt work but if I re-do all the setups from scratch it works.

    So I have done your explaination great ! it works in the dashbord advanced section I can see the comment font box but if I choose a bigger font and click apply. It doesnt work. Normal that a pb I am used to.

    I would have to select another template dynamic for ex and then apply again all the set up to a classic template. But in that case the box comment font in the advanced section no longer appear..

    Do you understand my sayings ?
    Your help would be greatly appreciated.
    Thanks a lot

    Olithée

    ReplyDelete
    Replies
    1. I've seen similar complaints before affecting other users. I've tried replicating the issue on my blog but to no success. Can I have a look at your blog? Have you tried using a different browser instead?

      Delete
  66. Hi, since you started this blog you proved precious to me. THANK YOU from across the globe.

    ReplyDelete
    Replies
    1. Very much appreciated, thanks Ѧαяʏ-Ǥιиɢɛя©! :D

      Delete
  67. BLESS. I used to be so afraid to click Edit HTML until this post. It worked so well I felt like a pro haha. Thanks a bunch!

    ReplyDelete

Please use the 'Ask a Question' page to shoot questions that are not related to the tutorial in the post above.