Wednesday, August 8, 2018

Add a Verfied Badge on Blogger Author Comment Profile

      ,    3 comments  
Do you noticed 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 mouse over that tick, it shows a “Verified Page” message. Do you wish to add that verified tick mark 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 2018 for Blogger
facebook verfied badge blogger author 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.

3 comments: