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.

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