Onenaija Blog

The People's Blog

  • Home
  • Blogging
    • Blogger
    • WordPress
    • Google Adsense
    • Video
  • Computer/Internet
    • Tips & Tricks
    • Mobile Tips/ Tricks
    • Pc Tips/ Tricks
  • Tech
    • Android
    • Facebook
    • Youtube
    • Reviews
  • Others
    • Making Money Online
    • Entertainment
    • Forum
  • About Me
    • Contact Me
  • Hire Me
  • Advertise With Us
  • Guest Post
Home » Blogging » Blogger » How To Give Your Blogger Blog Comment Section a Different Color

How To Give Your Blogger Blog Comment Section a Different Color

March 28, 2013 By: babanature30 Comments

Facebook
Twitter
Pinterest
Linkedin
Bufferapp

blogger threaded comment box

Ok! Let me tell you why I bring out this post topic today; I am creating a new blog and I am using blogger blog as the blog’s platform, I have customized all what I needed to be customize but I still feel it needed some final touch 😉 so the last thing I could think of is the comment section.

Now what I want the comment section to do is to be like; when I reply a comment I’d want it to get a different color from the other commentators so they’ll know I’m tha boss 😀 so I search high and low to finding my dream code and after a brief search, I saw one nice looking style. I know I have bloggers who uses blogger blog that do read my blog so that’s why I wanted to share this because I know you’ll by all means love what this gadget do.

Must Read: A Stylish Feedburner Subscription Form For Blogger and WordPress Blog

Giving Your Blogger Blog Comment Section A New look

So let’s not talk much and make the tutorial do the talking, shall we?

First off, login to your blogger blog admin section (dashboard)

Click on Template >>> Click Edit HTML. Now you’re in your HTML section where all the editing will be taking place.

Now search for this tag </body>

Remember: To make the search more easy, simultaneously press the ctrl + f key to bring out a search box.

Have you seen the code? Now that you have seen the </body> tag, paste the below code right above the </body> tag

 <script src='http://code.jquery.com/jquery-latest.js'/>

<script>

$(function() {

function highlight(){

$('.user.blog-author').closest('.comment-block')

.css('border', '1px solid #FFA500')

.css('background','#F1F1F2 url("http://1.bp.blogspot.com/-Z3-B5PNQqS0/UVPgNbTJ-kI/AAAAAAAABtU/eV0QKc9TSKI/s1600/white.png")')

.css('color', '#444444')

.css('font-size', '12px')

.css('padding', '10px');

}

$(document).bind('ready scroll click', highlight);

});

</script> 

If you have  pasted the code accordingly, click “Save” and close your work now go check your blog and see a whole new comment section.

Must Read: How to Write Quality Content And See Great Results

Note: If you’re using a white background template, you might want to adjust some few things in the code or it might not show the way you want it.

Ok if you’re using a white background, you should change the color from #F1F1F2 to the best color of your choice and change the background url which is “http://1.bp.blogspot.com/-Z3-B5PNQqS0/UVPgNbTJ-kI/AAAAAAAABtU/eV0QKc9TSKI/s1600/white.png” to your preferred color.

And you can customize virtually anything you want to and how you feel like.

That’s that… Go make your admin comment section look like a boss 😉

Wow… Do you have any questions you’d like to share? Please do by using the comment box below and we’ll get back almost immediately.

Must Read: How To Change the default avatar in blogger blog to a more professional look

Don’t read and go away friend, kindly drop a comment or thought using the comment box below. Remember that your comments and thoughts are highly appreciated and welcomed.

Do you like the post? Was the post helpful? Then do click the like button, share us and recommend us with friends because you’ll never know which of your friend’s searching for this gadget. Before you go, do not forget to subscribe to our feed for your latest updates on the go.

Don't Miss Any Post Again. Subscribe To Our Feed And Be Updated

Enter your email address below:

 

Powered by OnenaijaBlog

Facebook
Twitter
Pinterest
Linkedin
Bufferapp

About babanature

I am a researcher and internet consultant. I love designing web sites, building blogs, doing tutorials, playing with codes, watching cartoons, writing articles, blogging, singing and lots more...
You can always hook me up on Facebook, twitter, YouTube and Google+

Comments

  1. Harleena Singh says

    March 28, 2013 at 8:49 am

    Another wonderful tutorial Babanature!

    Congratulations on your new blog that you are making, which I’m sure is going to be as good as this one. I wonder though why you are making it on Bloggers, or perhaps trying one there too.

    You brought back good memories because I started both my blogs on Bloggers and later switched to WordPress. I think having a blog on Bloggers has it’s own advantages and charm too. I wish I knew you way back then, I would’ve used this post to change my comment section too. 🙂

    Thanks for sharing this with us. Have a nice week ahead 🙂
    Harleena Singh recently posted…Strengthen Your Relationship by Avoiding These MistakesMy Profile

    Reply
    • babanature says

      March 28, 2013 at 4:38 pm

      Thanks Harleena, the reason i am using blogger blog platform on my new blog is because of the favors surrounding it and also the blog is all about movies and downloads. So it’s going to be a big blog…
      Thanks for your warmth comment and do have a great week ahead 😀

      Reply
  2. Evan says

    March 28, 2013 at 8:54 am

    Cool. I didn’t even think that colors can be so good even for such details like comments! Thanks for the tutorial. Will try it out on my blog!

    Reply
    • babanature says

      March 28, 2013 at 4:41 pm

      Hello Evan,
      You truly need to because it’s worth it. thanks for your lovely comments

      Reply
  3. Nwosu Desmond says

    March 28, 2013 at 4:40 pm

    Cool article, wished i were on blogger platform. Thanks…
    Nwosu Desmond recently posted…How to use Google WebTools to fix crawl errors on your siteMy Profile

    Reply
    • babanature says

      March 28, 2013 at 5:36 pm

      Hello Nwosu,
      You can still have a niche blog on blogger platform if you’re to expand your adsense earning 🙂

      Reply
  4. Oluwaseun Babajide says

    March 28, 2013 at 8:10 pm

    Congrats on your new blog. I was wondering if this will work on wordpress hahaha..
    Thanks for sharing Bababnature.
    Seun

    Reply
    • babanature says

      March 28, 2013 at 9:24 pm

      Hello Seun,
      If you know your way around your wordpress, why not! 😉 But be careful when playing with your wordpress 😀 Thanks for the comment and have a great week ahead

      Reply
  5. Theodore Nwangene says

    March 29, 2013 at 12:25 am

    A very interesting and handy post Baba,
    You’ve nailed it again. Of cause, you don’t need to ask if i like the post, i love it.

    Will surely give the tips a shot.

    Thanks for sharing.
    Theodore Nwangene recently posted…Success Through a Positive Mental AttitudeMy Profile

    Reply
    • babanature says

      March 29, 2013 at 3:28 pm

      Hello Theodore,
      Thanks for the great input and i sure appreciate it. do have a blissful weekend and a lovely Easter 😉

      Reply
  6. Adrienne says

    March 29, 2013 at 3:09 pm

    Good luck with the new blog Babanature.

    I don’t use Blogger anymore so of course this wouldn’t benefit me but I’m sure there are still plenty of people who use that free platform and would love to learn how to do this. Great tutorial.

    Have a splendid weekend and Happy Easter!

    ~Adrienne

    Reply
    • babanature says

      March 29, 2013 at 3:21 pm

      Hello Adrienne,
      Did you really host a blog with blogger blog? what really did aspire you to move to wordpress? I’d like to know 😉
      My new blog will consume serious amount of cpu usage and precess usage that’s why i am using blogger blog platform 😀 Hope you’ll have a planned weekend and the greatest Easter ever my friend…

      Reply
      • Adrienne says

        March 29, 2013 at 3:50 pm

        Oh yeah Babanature, if WordPress was around back then I wasn’t aware of it. My first blog was with Blogger and I mostly did affiliate marketing so it wasn’t like the blog I have today.

        The reason I moved is because with free platforms you don’t actually own your content. If you’re building a business and here for the long haul you definitely do not want to rely on a free platform. Although a few things are changing with this you still don’t want to depend on another service having total control over your content.

        I can see why you would want to go that route and that’s totally your decision but if you were doing this as a business I would definitely reconsider. Google has the right to take your blog down at any given moment and there is nothing you can do about it. No one will have that control over me! 😉

        Reply
        • babanature says

          March 29, 2013 at 4:22 pm

          You’re truly right… i have already known that i’ll not be in full control of the blog because it could be shutdown by google at any given time, but the best thing to do is to play to rule and you’ll reap the benefit 😀 Thanks for the reply Adrienne

          Reply
  7. Bello says

    March 29, 2013 at 5:27 pm

    Nice post Babanature,
    What if i want to make the whole comment thread a different color how will i do it? i really did love this post and it has helped me really!

    Reply
    • babanature says

      March 29, 2013 at 11:29 pm

      Hello Bello, Glad you did find the post interesting and loved it. Yes! you just reminded me on that… i’ll have to create a post on that so just keep your finger crossed because you’ll never no when 😉

      Reply
  8. Pawan says

    March 31, 2013 at 6:47 am

    Thanks for this great post. I will try this in one my Blogger blog.

    Reply
    • babanature says

      March 31, 2013 at 9:43 pm

      Glad you like the post… Do implement it and let’s see how it go!

      Reply
  9. Shamsuddeen says

    March 31, 2013 at 7:48 am

    The google custom search engine on the mobile version of your blog is no longer working

    Reply
    • babanature says

      March 31, 2013 at 9:45 pm

      Hello Shamsuddeen,
      Really? i never noticed it. i’ll have to take a look and amend it. thanks for the lookup. and do have a lovely week ahead

      Reply
  10. Olumide Oluwasegun says

    March 31, 2013 at 8:53 pm

    Thank you for this article. As you’d have seen, I use a blogger blog and will soon be putting your advice into practice

    Reply
    • babanature says

      March 31, 2013 at 9:57 pm

      Ok Olumide. using blogger blog as your blogging platform feels nice right? Do try it and see how it goes. Have a great day and i wonderful week ahead

      Reply
  11. Olumide Oluwasegun says

    April 1, 2013 at 3:08 am

    Thank you very much, will do this asap

    Reply
  12. Sherryl Perry says

    April 3, 2013 at 1:20 am

    Hi Babanature,
    I’ve actually implemented this technique on my self-hosted blog after seeing it elsewhere. It really is a nice tip.
    Sherryl Perry recently posted…2 Tips on Using Social Media to Get Found OnlineMy Profile

    Reply
    • babanature says

      April 3, 2013 at 7:26 am

      Hello Sherryl,
      It’s sure is a nice tip. Welcome to onenaijablog and thanks for the comment…

      Reply
  13. Rajkumar Jonnala says

    April 9, 2013 at 11:14 am

    this is a cool idea thanks for this valuable information keep going

    Reply
  14. Sapna says

    April 9, 2013 at 4:55 pm

    HI Babanature,

    My best of wishes for your new blog.I started my blog on bloggers as well,but gradually realized that WordPress is the best available platform so switched over to this. But the reason you quoted that it will be more of videos so I think you’ve made a great choice.

    Thanks for this great share.

    Sapna

    Reply
    • babanature says

      April 9, 2013 at 10:25 pm

      Thanks for the nice words Sapna and do have a great week ahead…

      Reply
  15. Teckopforu says

    June 6, 2013 at 2:32 pm

    Making a comment box stylish can improve the user experience and get more comments from blogger or users to improve the blog ranking in search results and in Alexa…

    Reply
    • babanature says

      June 6, 2013 at 2:46 pm

      Thanks for your input Teckopforu. Do have a blessed week ahead 🙂

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

CommentLuv badgeShow more posts

Search The Blog

DO YOU WANT TO PROMOTE YOUR PRODUCT?

Do you have a product that you would like us to review here at onenaijablog? If you already have a post written for your product, would you like us to publish it to our unique blog readers? Then take the advantage of our low cost plan by . Contacting Us Today

Recent Reviews

  • InnJoo Halo
  • Infinix Hot 2 (X510)
  • InnJoo Fire

RSS Contents From Babanature Blog

  • Don't download latest Windows 10 update if you own one of these popular laptops
  • The new Android 11 features that will actually change your phone
  • The new PlayStation 5 looks like a giant broadband router
  • 5 secure smartphone settings that’ll protect you from hackers
  • Facebook's new tool reveals if you're being scammed

FOLLOW ONENAIJA BLOG

Icon IconIcon Follow Me on Pinterest

Translate to Your Language

Friend Us On Facebook

Copyright © 2021 · Proudly Onenaijablog Re-Touched By, Babanature | Google+