Replacing Blog Author Icon in Blogger Threaded Comments

After reading the title of this post you may have asked yourself, "What the hell is this blog author icon ?".

The answer is simple... It is the damn icon shown after the name on the comments by author in blogger threaded comments.

Yup, that boring pen icon...
If you ever wanted to replace that god damn icon, then here is the way...


How to Replace Blog Author Icon ?


Step 1: Go to blogger dashboard, Template > Edit HTML.
Step 2: Using Ctrl+F, search for the below code (line by line).
.comments .comments-content .icon.blog-author {
        background-repeat: no-repeat;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
}
Step 3: Replace the text in red with the URL of the icon(17px*17px).

Below are some most commonly used icons. You can either use it or can use you own icons.

Twitter Verified Account Icon


This is the one that we use here at blogger garage at this moment(21st October 2013).
http://4.bp.blogspot.com/-K_3NWvB66X4/UmFFPNBiGXI/AAAAAAAAAlU/8GHf1GvS7dQ/s1600/twitter.png

Facebook Verified Account Icon


Yup, the same icon that is used by Facebook for the verified accounts and pages.
http://4.bp.blogspot.com/-KCcnq-nXOgc/UmVEmgBP6NI/AAAAAAAAAmA/YtnRTtP1sbg/s1600/facebook.jpg
Hope this tutorial helped you in replacing the boring default blog author icon. If you have anything to clarify, please do comment below. Before you leave please like us on facebook to stay tuned.

3 comments... add one

  1. I would appreciate it if you would not use so much bad language in future posts. It just seems unnecessary for such a little thing like this.

    ReplyDelete
    Replies
    1. Just expressing my anger towards blogger team. Its time to replace their damn commenting system.

      Delete
  2. Thank you very much for sharing this nice post. Keep up a good work!

    ReplyDelete