Simple step on how to add a blue tick next to a name in blogger comments - Technology | Business tips

This blue tick is very useful to blog owners, it makes your comment stand out from visitors/audience comments. As we all know a comment section is a way to interact with readers, they can give input, criticism, and suggestions. they can also report any issue related to your articles. Just like the Disqus comment, where the admin comment will be given a special mark to differentiate between users and the admin, but unfortunately, blogger does now give that feature, even when they updated their blogger to the new version, yet they don't have this feature

How do I add this blue tick to the admin comment on the blogger?

It's very easy to make all this happen, and you can put your own thick icon to your admin comment.

Just to let you know, this method only works for the original default blogger comments. If you use a template that has already used a modified nested comment, I'm talking about the cool language: threaded comment h#ck, it usually comes from there, which is normally added directly from the script maker.

Leg get started, 

Now Add this code ABOVE </style> or ]]></b:skin>.

/* Admin Badge on Blogger Comments by ayomidelalemi.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; }

Now save your work and check your result.  

Another way you can do this is, you can add a text or writing that is almost the same as the blue tick, but this one will be a blue box with the work admin written on it, and you can change the word ADMIN to any name you want. If you want this method, then continue reading and follow the procedures.

Now Add this code ABOVE </style> or ]]></b:skin>.

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

It's pretty much the same step with the first one but they give different results and don't forget to save your work. If you find this post useful, always share with a friend, and leave a comment. 

Related Posts