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).

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDqPOwnoY-J8fA8gfT2Au521jxOT2ewKw9ahhFY7tlMWPmPY34Frntkt1TaN__4tTc2vLZsrnts0e5-C8W1AhiK_yZBHKNSUXWuSiwdwEUtwn3KjsDxTDFQltAUV5Ohreafnl-UgiJdq4B/s1600/twitter.png

Facebook Verified Account Icon

Yup, the same icon that is used by Facebook for the verified accounts and pages.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0hFbcqmfrA4vRptlVWTEWHrOnoVwyZ3hU_b9YqlflRxJFQJvIM_NrtkyUzMJXWsf5d87Zq-QxmUS7-wz35TbLcR1JmOm-WAdKy6zyThFqx1Khbpy41z7muz-j7Y_ui2dZ0Tvyvw_YlvJX/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.