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)
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.
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
Click on Save Template when you're done.
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!
a million thanks. Very helpful tutorial. It worked perfectly fine for me. Thanks again!
ReplyDeleteFirst, 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 :)
DeleteYou are a genius, Mr/Ms Yogaratnam!
DeleteGod 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!
DeletePS 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 :)
Thanks for the feedback. I'll think of a way to make that statement less confusing in the future :) Happy Sunday!
DeleteThanks!!
ReplyDeleteYou're most welcome!!
DeleteThanks for this. My comments font and colour had inexplicably changed (all by themselves ... hmmmm) and I had no way of changing them back.
ReplyDeleteYou'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.
DeleteThat'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.
ReplyDeleteIf that is so the case, allow me to remind you to backup your template now - it might be useful some time in the future :)
DeleteCheers.
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?
ReplyDeleteActually yes, but you still have that option available. Just click on the second tab that says Comment Color. See the image below for ref:
Deletehttp://i.imgur.com/cLjJI.png
All the best :)
I don't have that option. It goes from Comment Font to Main Background Color. There is no option for Comment Color :>(
DeleteAllow 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.
DeleteI have the same problem as well!:(
DeleteIn 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.
ReplyDeleteOn 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:
Deletehttp://i.imgur.com/f9BeL.png
Yobo, firstly thank you so much for all your helpful tips and pointers, I would have been lost without it.
ReplyDeleteI 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
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.
DeleteHey ! Hope you are well.
ReplyDeleteThe threaded comments have not been activated for me on my blog - Could you please help me out !
Blog address : http://mytradinghandbook.blogspot.com/
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.
DeleteAll the best :)
Thanks for your reply. I did that and it didn't work. I updated my blog to dynamic views and it still isnt working !
DeleteAny idea why ?
I am not exactly sure why. You should probably start a question thread in the help forum:
DeleteBlogger Help
All the best!
I found the answer - Its called 'I am really dumb'.
DeleteWould not like to embarrass myself by explaining what I was doing.
Thank you. You are a life saver !
Glad to know you fixed it by yourself :) Kudos!
DeleteTHIS is awesome! Thank you. My OCD was in overdrive. This post was very helpful and *gasp* it worked!
ReplyDeleteTwo thumbs up!
OCD eh? Now, that's something I can relate to. Happy to help, as always :)
DeleteThank you for your help! :)
ReplyDeleteNo problem at all :)
DeleteThank 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!
ReplyDeleteThank you!!
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!
DeleteThank you! Looking forward to it!
DeleteThank 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.
ReplyDeleteHow 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
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 :)
DeleteThanks! This worked wonders!
ReplyDeleteacreativecookie.blogspot.com
Glad you liked it! :)
DeleteThank 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?
ReplyDeleteIt 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.
Delete.comments .continue{
border: 0px !important;
}
Cheers :)
It worked! Thank you so much for your help :)
DeleteThat's great! :)
DeleteThis works perfect. Thank you so much.
ReplyDeleteThanks for the feedback :)
DeleteHi. 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?
ReplyDeleteFor best results, place the second code under /* Comments ----------------------------------------------- */
DeleteHave 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?
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.
DeleteSorry, missed the first part of your comment. There is no /* Comments ----------------------------------------------- */ in my html.
DeleteI 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?
DeleteIf 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.
Not sure I follow your point about variables, but that did the trick. Many thanks again.
DeleteNow 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.
That is an interesting point. I'll see if I can work something on it, after getting my assignments done :) Thanks for the idea.
DeleteErm... the 'false avatar' has now appeared on my blog!
DeleteI'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.
DeleteI thought this would change the font, size, and color of the actual "comments" link. How do I do that?
ReplyDeleteFor 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.
Delete.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'.
AWESOME!!! You are fantastic!! Thanks for the help!!!
DeleteDon't mention it :)
DeleteThanks again, works like a magic!
ReplyDeletehttp://www.socialcrunching.in/2012/02/twitter-new-brand-pages.html
You're most welcome :)
DeleteMany thanks! I've finally changed the comments font!
ReplyDeleteIs 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.
I can think of a way. Here's a hint:
DeleteHighlight 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 :)
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 :)
ReplyDeleteYou're most welcome :) Feel free to drop a comment if you have a particular question to shoot.
DeleteCheers.
This is amazing. It worked like a charm. Thank you so much for posting the information needed to change the comments font.
ReplyDeleteAppreciate you dropping some words :)
Deletevery nice play of colors, I like
ReplyDeleteHi,
ReplyDeleteI 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!
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?
DeleteHi,
ReplyDeletedid you ever get around to give instructions on how to change the comment background color? Need to change that as well...
Thanks
Hi Thomas,
DeleteTry this:
.comment{
background: black;
padding: 5px !important;
}
Cheers!
Most welcome :)
DeleteI couldn't find the Variable definitions on my blog :( Please do help.
ReplyDeletehttp://makeupandbeautytips-home.blogspot.com/
Hi Lancy,
DeleteYou'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.
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
ReplyDeleteHi Dezi,
DeleteYour 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.
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?
ReplyDeleteHere's the link to my blog if you want to see what actually is happening: http://words-that-matter.blogspot.in/
Thanks a lot:)
Hi CJ,
DeleteWe 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 :)
Thank you. Tried it. The date stamp font changed. How about comment author font? It remained the same...
ReplyDeleteDo 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...
Oh right.. Forget about the code that I gave earlier. Use this one instead:
Delete.comment-header{
font-size: 20px;
}
Cheers!
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!
ReplyDeleteHi 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?
DeleteGood day sir yoga...
ReplyDeleteSir 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
Hi Reyes,
DeleteI 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! :)
It works!!!!!
DeletePerfect..
Thank you sir YOGA...YOU ARE THE BEST!!!
Blogging is became more easier because of you...
CHEERS!
Cheers :)
DeleteBro, nice tutorial,.
ReplyDeleteBut 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,..
I have not artisteer before. But worry not. Just place the CSS code among other CSS codes. That should work well.
DeleteCheers!
Does this not apply until I create a new blog post? I hate the cursive my comments are in right now...
ReplyDeleteI 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?
DeleteThanks a lot..
ReplyDeleteIt worked perfectly well....
That's great! Cheers! :)
DeleteHi Yoga, how I can change the Comment Form witdh in dynamic views?
ReplyDeleteHi ac984,
DeleteGo 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!
Thanks for this !! Was looking for a template fix for comment color. Worked like a charm !!!
ReplyDeleteThat's great! Cheers! :)
DeleteGreat Post, thanks for sharing
ReplyDeleteNo problem :)
DeleteDoes this work for embedded comments that aren't threaded?
ReplyDeleteIt 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 :)
DeleteOh, 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?
ReplyDeleteP.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! :)
No worries :) Add this to your CSS to change all elements in your comments to Arial:
Delete#comments{
font-family: Arial !important;
}
Cheers :)
Thank you so much! Perfect yet again! :D
ReplyDeleteMost welcome :)
Deletethanks ... i would like to know also how we can change the color, font,size of the name of author for the comment .
ReplyDeleteHi Youssef,
DeleteHave 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?
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.
ReplyDeleteHi Sheesh,
DeleteAdd this to your CSS:
.post-footer{
font-family: arial !important;
}
Cheers.
Thanks so much! :D Worked great!
DeleteThat's great! :)
DeleteAnd how can I hide the "posted by" part?
DeleteHi Daniel,
DeleteSorry 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 :)
Hi,
ReplyDeleteThank 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
Hi somisand,
DeleteAll 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 :)
Thank you for your reply.
DeleteTried using different browsers - still not working :(
Hello,
DeleteYour 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 :)
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..
DeleteCheers and Happy blogging :)
Perfect!! Thanks for the tutorial. Worked great, no problems.
ReplyDeleteThanks for the feedback Tami :)
DeleteHi,
ReplyDeleteThank 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.
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 :)
DeleteThank you! So helpful :)
ReplyDeleteNo problem :)
DeleteThank 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.
ReplyDeleteThank you!
Hi Tash,
DeleteYour post footer font is already set on Courier:
http://img507.imageshack.us/img507/8553/64517923.png
Have you got this sorted?
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...
ReplyDeletejaninastyle.blogspot.com
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.
Delete.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 :)
Excellent writeup, thanks!
ReplyDeleteRight back at you, thanks! :)
DeleteI know nothing about HTML so was intimidated at first, but I was surprised at how very simple it was. Thanks ever so much!
ReplyDeleteAlways appreciate a comment like this, thanks! :D
Deletethanks for this info
ReplyDeleteYou're most welcome :)
DeleteWill this work on dynamic views as well?
ReplyDeleteThank you
Hi Kiara,
DeleteIt 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?
Another great tutorial - thank you!
ReplyDeleteThanks! Appreciate the feedback :)
DeleteHow 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.
ReplyDeleteIt depends very much to the kind of template that you have. Let me have a look. What's your blog's address?
DeleteIt's so nice to hear from you. Here is my blog address.
Deletehttp://www.watchlatesthollywoodmoviesonline.blogspot.com
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.
DeleteGet 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 :)
Thank you so much Yoga for you kind help and suggestion. I will surely be upload this code to my blog.
DeleteI just started a blog and your website has been invaluable! Thanks so much for all your tips.
ReplyDeleteHi Susan,
DeleteI'm glad I could be of help. Appreciate the feedback, thanks! :)
Fascinating blog! Your depiction is attention-grabbing. Thanks for sharing your valued vision.
ReplyDeleteAh, that is one way to put it, thanks! :)
DeleteYoga,
ReplyDeletein my magazine view comments, how do I change the color of the "Subscribe by email" link? Currently it's blue.
Hi Ramy,
DeleteSorry for my late reply. It depends to the kind of template you're using. Can I have a look at your blog?
sure: ramyhanna.com
DeleteHi Ramy,
DeleteI'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..
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.
DeleteHi Ramy,
DeleteSorry 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..
thanks, this site is great and a huge resource for us! Keep it up!
DeleteThanks Ramy.. Appreciate the support. Have a nice weekend ahead :)
DeleteCheers and God bless.
i have done it!!!!1
ReplyDeleteis there a way i can apply one single font to gadgets and everything in my blog
http://ptetech.blogspot.com
Did you mean setting a different font for your gadgets? It might be possible. What font are you going after?
DeleteI am satisfied with your blog. Your post is dear. Thanks for sharing your precious comprehension with me.
ReplyDeleteYou're most welcome :) Thanks for the feedback!
DeleteUh 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.
ReplyDeleteAny help would be great--thank you!?
http://www.chowgypsy.com
Hi chowgypsy,
DeleteNo, 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 :)
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?
DeleteThanks again for the personalized help--you're awesome!
Published a new post just for you:
Deletehttp://www.southernspeakers.net/2012/10/changing-specific-link-color-in-blogger.html
Cheers :)
yesssss awesome, you're a genius, thank you!
Deletehey thx bro
ReplyDeletethx my bro thxxx
ReplyDeleteNo prob :)
Deletethanks for the post!!!
ReplyDeletei 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.
ReplyDeletehttp://ptetech.blogspot.com
I have not dealt with Disqus before, try contacting the Disqus team.
DeleteHi Yoga,
ReplyDeletepartially 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
Hi AFEG33,
DeleteGo to Dashboard - Settings - Posts and Comments - Comment Location - Hide - Save Settings.
Cheers :)
Hi,
DeleteSo simple...I'm so dumb !!!
Thank you so much !
God bless you
Great tip!!!
ReplyDeleteHiya,
ReplyDeleteGreat 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.
Hi Sonja,
DeleteSorry for the late reply. Let's have a look at your blog. What's your blog's address?
Cheers..
what about change the main post?
ReplyDeleteHi there,
DeleteYou 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.
Thank you so much! This is exactly what I was looking for, and easy to follow and input.
ReplyDeleteExcellent :) Thanks for the feedback, means a lot :)
DeleteGreat! thank you very much!
ReplyDeleteNo prob :)
DeleteI'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.
ReplyDeletehttp://temporarydesign.blogspot.com/
Can you help?
Hi Megan,
DeleteIt seems to be showing fine here: http://img443.imageshack.us/img443/9263/20130328193403capture.png
What am I missing?
Finally figured it out!
DeleteThanks for your help,
Megan
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.
ReplyDeletejust 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
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:
Deletehttp://img515.imageshack.us/img515/2850/20130512004808capture.png
Works like magic.. Thanks a million!
ReplyDeleteDon't mention it :)
DeleteYOU ROCK!!! I'm setting up my new blog and this post was by far the easiest thing I've encountered!!
ReplyDeleteGlad I could be of help :)
DeleteHi, 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?
ReplyDeleteThanks for your help!
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.
DeleteP/S: I've done some poking just before replying your comment, and so far it doesn't look good.
I've tried many variations, and it just won't work..
DeleteThank 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?
ReplyDeleteThat's huge!
DeleteHere, this should fix it. Add it to your CSS:
#comments h4{
font-size: 20px !important;
}
Cheerss..
Thats such a shame I was almost there.
ReplyDeleteI 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
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?
DeleteHi, since you started this blog you proved precious to me. THANK YOU from across the globe.
ReplyDeleteVery much appreciated, thanks Ѧαяʏ-Ǥιиɢɛя©! :D
DeleteBLESS. 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!
ReplyDeleteExcellent! I hope you edited your HTML after backing up your template :D
DeleteCheers!
Hi, I've been trying to find a way to change the text color of my comments. I had someone do a redesign for my blog and noticed that after, the comments appear white making it hard to read and leave replies. I can't find variable definitions anywhere in my html. Would it possibly read any other way. Any tips would be greatly appreciated.
ReplyDeleteThanks so much!
Erica
seaofbloomingdreams.blogspot.com