How to Add a Verified Blue Tick Badge on Blogger Author Comment Profile

Do you notice a tick mark on some Facebook Pages like Actors and Political Leaders? Verified mark is only available for Worldwide stuff like big companies, Actors 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 marks to Admin comments.


SEE ALSO: How to Fix Blogger Breadcrumb Error | Data-vocabulary.org Schema Deprecated

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;

  • The 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 © YOYO TECH TIPS


Newer Posts Older Posts

Related posts