How to add Blue Tick In Blogger Comments • XanderBlog
Jannah themebebek mağazasıhttps://listewp.com/istanbul saç ekimiimplantizmir saç ekimieskişehir emlakSu Arıtmatuzla evden eve nakliyatantalya haberGaziantep Halı Yıkamaantika alanlarAccident Lawyerelektronik sigara

How to add Blue Tick In Blogger Comments

 

Welcome to another article of xanderblog in this article am going to teach you how you can add a blue tick in admin comments. 

The comments is one way to interact with readers,they can provide in putting Criticism, Suggestions, or reports related to the article in question. It is very important of the writer to reply to every comment so that the reader feels closer to the blog he visits so that admin (author) comments can be distinguished from readers comments it’s a good idea to give one marker. For example you can see it in Disqus comments, where admin comments will be give a special mark. Unfortunately the default Blogger comments have not added such a feature by default. Even though this is a trivia things, how come the blogger team hasn’t added this feature even after updating the v3 layout.

How to add a blue tick on Blogger Comment

Relax you can add your own admin sign in the form of a blue tick in Blogger comments column, the method is easy you only need a few lines of CSS script.

Also Read:  The Fastest and Easiest Way to Clear WordPress Cache!

This method only works on the original default blogger comments, if your template has used a modified nested comment ( cool language : threaded comment hack) it usually comes from there added directly by the Script creator

?Note:before you add the CSS code please backup your we template in case anything goes wrong.

Add this Code ABOVE </style> or ]] ></b :skin> the code serves to bring up a blue tick next to the author name

CSS

/* Admin Badge on Blogger Comments by xanderblog.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 changes in your website. This tutorial above is simple but meaningful. If this article is useful share and support us you can live a comment below if you have any questions 

Subscribe Now

Get a variety of tutorial articles, interesting insights and tips about the online world directly through your email. Subscribe now and be successful with us!
I am Omotunmishe Temitope (Xander), A Digital Marketer, and Web Developer, A pro blogger who has a passion for blogging and has taken blogging as part of my daily activities.
adbanner
hacklinkonline escortbodrum escortAntalya escortonwin girişHacklink satın albilecik escortbalıkesir escortIsparta escorthttps://escortonline.orgizmir escortankara escortkayseri escortçankaya escortkızılay escortetlik escorteryaman escortbodrum escortbodrum escortçeşme escort