Simple step on how to add a blue tick next to a name in blogger comments

Simple step on how to add a blue tick next to a name in blogger comments

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

Related Posts


  1. Is this a paid topic or do you change it yourself?
    However, stopping by with great quality writing, it's hard to see any good blog today.
    Waves Plugin Crack
    Nitro Pro
    Acoustica Mixcraft Pro

  2. Nice post! This is a very nice blog that I will definitively come back to more times this year! Thanks for the informative post. download ISOBuster Pro Crack

  3. I like your all post. You have done really good work. Thank you for the information you provide, it helped me a lot. I hope to have many more entries or so from you.
    Very interesting blog.
    4k-video-downloader Crack
    auslogics-disk-defrag-pro Crack
    3dp-chip Crack
    isobuster-pro Crack