Birthday

July 14, 2012 is TipRicks's Birthday, Please Prepare and Send Good Wishes to its team!

UnderStood
TipRicks is under maintenance! If you found any error please let us know. Contact Us ×

Hello!

Click one of our representatives below to chat on WhatsApp

Support Customer Service Center
+923084774257
You can also send us an email to support@tipricks.com
Hello! What can I do for you?
×
How can I help you?

Give a Different Background Color (Highlight) to Admin Comments in Blogger

SHARE:

As we know, Blogger's default comments come very simply, both in terms of features and appearance.


As we know, Blogger's default comments come very simply, both in terms of features and appearance. So modifications are necessary if you want to make it look even better.

This time we will make a simple modification to Blogger's default comments column. Like the previous tutorial on adding admin alerts in Blogger comments, this method only works on original default comments.

If the modified tripled comments (threaded comment hack) are usually added there by the template creator. Not to mention the name of the id or class that may be different so it cannot use any script.

Change the Background Color of Author Comments in Blogger

Add this jQuery code first. I think you already understand where to save it. Just paste it into an existing set of scripts. This means that it is stored ABOVE or before the closing tag </script>.

[/* Highlight Author Comments by tipricks.com */
(function(){$('.user.blog-author').closest('.comment-block').addClass('comeAdmin');})();]

The simple jQuery above works to give a different class name to the admin comments.

After that, the appearance can be changed. Add the following CSS code.

[/* Highlight Author Comments by tipricks.com */
.comeAdmin{
  background-color:#d9ffc9;
  border:1px solid #9bd084;
  padding:10px;
  margin-bottom:10px;
}]

Please change the CSS code yourself if the final result does not match the template.

If you don't add background colors in this Blogger admin comment it doesn't work in your template, write it down in the comments column below and include the blog address, I'll help check later. It is possible you use a template that has been modified so that the name id or class is different from the one written above.


This article "Give a Different Background Color (Highlight) to Admin Comments in Blogger" is protected by




Was this article helpful?

Thanks! Your feedback will help us to improve our Services.

COMMENTS

BLOGGER
Need help? Contact to our support center at +92 308 477 4257
Name

Agriculture PPT Templates,2,AI Tools,1,Amazon,1,AskTipRicks,9,Blogger,48,Blogger-SEO,6,Blogger-Templates,1,Blogger-Tutorials,32,Blogger-Widgets,11,Blogging-Tips,7,Books,1,Business,1,Computer PPT Templates,1,Computer-Tutorials,1,Creative-PowerPoint-Templates,2,Digital Marketing,1,Domain,1,Ecommerce,1,Facebook,4,Free-Mobile-Data,1,Freenom,1,General,7,Google-Adsense,4,Google-Analytics,2,Google-Classroom,3,Instagram,2,Internet,1,Interviews,1,Islamic PPT Templates,1,jQuery,1,Marketing,1,Medical PPT Templates,1,Microsoft-Word,3,Mobile-Marketing,1,Motivation,1,MS Word,1,News,25,News-Updates,26,Oppo-Mobile-Features,1,PDF,1,PowerPoint-Templates,7,Resume-Templates,2,Reviews,3,SEO,8,Social-Media,6,Tech-News,15,TrueCaller,1,Twitter,1,Videos,24,Vlogging,1,Web-Hosting,1,Whatsapp,3,WordPress,8,WordPress-SEO,1,WordPress-Themes,1,WordPress-Tutorials,4,Youtube,5,
ltr
item
TipRicks Blog: Give a Different Background Color (Highlight) to Admin Comments in Blogger
Give a Different Background Color (Highlight) to Admin Comments in Blogger
As we know, Blogger's default comments come very simply, both in terms of features and appearance.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirVp-5H-S7O_B1ZrypZqrpUO0yUgYZ3u4E25-H4FMFvM_3yJWmpw5cBmm9Ugb66TrekvHJ9eOC3qccVwyGRtvSSYTLpm9bRj2lsS_wFKtWxNohc9n7YZ7RFgIyjoIq6UO5rp_upiyeSrat/d/give-a-different-background-color-highlight-to-admin-comments-in-blogger.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirVp-5H-S7O_B1ZrypZqrpUO0yUgYZ3u4E25-H4FMFvM_3yJWmpw5cBmm9Ugb66TrekvHJ9eOC3qccVwyGRtvSSYTLpm9bRj2lsS_wFKtWxNohc9n7YZ7RFgIyjoIq6UO5rp_upiyeSrat/s72-c-d/give-a-different-background-color-highlight-to-admin-comments-in-blogger.jpg
TipRicks Blog
https://blog.tipricks.com/2020/06/give-different-background-color.html
https://blog.tipricks.com/
https://blog.tipricks.com/
https://blog.tipricks.com/2020/06/give-different-background-color.html
true
7070217950916442682
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy