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.
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 Mistakes
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 😀
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!
Evan recently posted…Best Transportation WordPress theme collection 2013
Hello Evan,
You truly need to because it’s worth it. thanks for your lovely comments
Cool article, wished i were on blogger platform. Thanks…
Nwosu Desmond recently posted…How to use Google WebTools to fix crawl errors on your site
Hello Nwosu,
You can still have a niche blog on blogger platform if you’re to expand your adsense earning 🙂
Congrats on your new blog. I was wondering if this will work on wordpress hahaha..
Thanks for sharing Bababnature.
Seun
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
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 Attitude
Hello Theodore,
Thanks for the great input and i sure appreciate it. do have a blissful weekend and a lovely Easter 😉
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
Adrienne recently posted…Thankful Thursday: Brand Love, Marketing & Blog Mistakes, Twitter & Triberr
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…
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! 😉
Adrienne recently posted…Thankful Thursday: Brand Love, Marketing & Blog Mistakes, Twitter & Triberr
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
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!
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 😉
Thanks for this great post. I will try this in one my Blogger blog.
Glad you like the post… Do implement it and let’s see how it go!
The google custom search engine on the mobile version of your blog is no longer working
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
Thank you for this article. As you’d have seen, I use a blogger blog and will soon be putting your advice into practice
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
Thank you very much, will do this asap
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 Online
Hello Sherryl,
It’s sure is a nice tip. Welcome to onenaijablog and thanks for the comment…
this is a cool idea thanks for this valuable information keep going
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
Thanks for the nice words Sapna and do have a great week ahead…
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…
Thanks for your input Teckopforu. Do have a blessed week ahead 🙂