Add a Verfied Blue Tick Badge on Blogger Author Comment Profile

Do you notice a tick mark in some Facebook Pages like Actors, Political Leaders? Verified mark is only available for Worldwide stuff like big companies, Actors such have the chance to be faked. When we move the mouse over that tick, it shows a "Verified Page" message. Do you wish to add that verified tickmark to your (Author/Admin) comment in your blog? Here I am going to show you how to add Facebook verified Page mark to Admin comments.

SEE ALSO: Beautiful CSS Popup Email Subscription box 2020 for Blogger

facebook verfied badge blogger authoAdd a Verfied Badge on Blogger Author Comment Profile Syed Zubairr comment profile blogger widgets
Verified Badge


Sign In to Blogger Dashboard
Go to Template  -> Edit HTML

  • Find  .comments .comments-content .icon.blog-author and delete the following code inside it

background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);


  • And copy the following code inside it


background: url("https://dl.dropboxusercontent.com/s/gp8fhc34w2rka9h/verified%20page.png") no-repeat scroll 0 0 transparent;

  • Final code looks like the following

.comments .comments-content .icon.blog-author {
    background: url("https://dl.dropboxusercontent.com/s/gp8fhc34w2rka9h/verified%20page.png") no-repeat scroll 0 0 transparent;
}

I hope this article will help you to customize your admin comment.
Copyright © YoYoTechTips
Newer Posts Older Posts

Related posts