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?

Adding Blue Tick/Checks Beside Admin Names in Blogger Comments

SHARE:

The comments column is one way to interact with the reader. They can provide input, criticism, suggestions, or reports relating to the article concerned. It is very important for the writer to reply to each comment so that the reader feels closer to the blog he is visiting.

The comments column is one way to interact with the reader. They can provide input, criticism, suggestions, or reports relating to the article concerned. It is very important for the writer to reply to each comment so that the reader feels closer to the blog he is visiting.

So that admin comments (author) can be distinguished from reader comments, it is better to be given a bookmark. You can see an example of this in the Disqus comment, where the admin comments will be given a special mark.

Unfortunately, Blogger's default comments haven't added such features by default. Even though it's a trivial matter, however, the Blogger team hasn't added this feature even after the v3 layout update.

Giving a Blue Check Mark on Author Comments on Blogger

Relax, you can add your own admin sign in the form of a blue check in the Blogger comments column. It's easy to do, just need a few lines of CSS script.

This method only works on Blogger's original default comments. If your template has used a modified multilevel comment (cool language: threaded comment hack), it's usually already there from there, added directly by the creator of the script.

Add this code ABOVE </style> or ]]></b:skin>. The code functions to bring up the checklist alias blue check next to the author's name.

[/* Admin Badge on Blogger Comments by tipricks.com */
#comments .comments-content .icon.blog-author{
  width: 16px;
  height: 16px;
  margin-left: 5px;
  vertical-align: -3px;
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M11,16.5L18,9.5L16.59,8.09L11,13.67L7.91,10.59L6.5,12L11,16.5Z' fill='%23118ff9'/%3E%3C/svg%3E") no-repeat center center;
}]

After that save the template and see the results.

Add Text (Not Blue Check)

This is an alternative way you can try. Not the blue check icon, but to add text or text that is right next to the admin's name. The method is almost the same, you only need CSS code. As an example, I will give a text that reads Admin. Please replace and adjust according to their respective desires.

[/* Admin Mark on Blogger Comments by tipricks.com */
#comments .comments-content .icon.blog-author:after{
  content: 'Admin'; /* Fill Text*/
  background-color: #118ff9; /* Background Color*/
  color: #fff; /* Text Color */
  font-size: 12px; /* Text Size */
  display: inline-block;
  margin: 0px 7px;
  padding: 2px 5px;
  border-radius: 3px;
}]

This method can be combined by giving a background color (highlight) to the admin comments to make it even cooler. The above tutorial is simple but meaningful. I love paying attention to the small details of the blog template. Good luck. 🥰

This article "Adding Blue Tick/Checks Beside Admin Names in Blogger Comments" is protected by




Was this article helpful?

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

COMMENTS

BLOGGER: 3
  1. Replies
    1. You're welcome! I'm glad to hear that it worked for you. If you have any more questions or need further assistance, feel free to ask.

      Delete

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: Adding Blue Tick/Checks Beside Admin Names in Blogger Comments
Adding Blue Tick/Checks Beside Admin Names in Blogger Comments
The comments column is one way to interact with the reader. They can provide input, criticism, suggestions, or reports relating to the article concerned. It is very important for the writer to reply to each comment so that the reader feels closer to the blog he is visiting.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQa17b784b2v0HFW7TPrzBpoRMApxUAOUStUCfGwstsdrAMSXihIGXgLkL1gdIDJfTJqYPnmTwdT1c3Iq_hE16bisbMKC2cJrTC01hErrtU8nCf-8sSebPkXD_QiQcleZZsPHKAgVYsa7L/s320/adding-blue-checks-beside-admin-names-in-blogger-comments.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQa17b784b2v0HFW7TPrzBpoRMApxUAOUStUCfGwstsdrAMSXihIGXgLkL1gdIDJfTJqYPnmTwdT1c3Iq_hE16bisbMKC2cJrTC01hErrtU8nCf-8sSebPkXD_QiQcleZZsPHKAgVYsa7L/s72-c/adding-blue-checks-beside-admin-names-in-blogger-comments.jpg
TipRicks Blog
https://blog.tipricks.com/2020/05/adding-blue-checks-beside-admin-names-in-blogger-comments.html
https://blog.tipricks.com/
https://blog.tipricks.com/
https://blog.tipricks.com/2020/05/adding-blue-checks-beside-admin-names-in-blogger-comments.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