How To Change Default Anonymous Avatar In Blogger Comments?

Is your blogger comment looking ugly with the default anonymous picture?No more ugly look again!In this post we will learn how to change the default anonymous picture and the default blogger user picture in blogger comments.This picture shows when there are no profile pictures attached to the users profile.
Add custom Avatar icons.

Steps to change the default Avatars in Blogger comments

  1. Go to your Blogger Dashboard > Template > Edit HTML.
  2. Find </body> {Use Ctrl + F to search}
  3. Add the following code just above it.                                                                                                 <script src='http://code.jquery.com/jquery-latest.js'/>
    <script>
    $(&quot;img[src=&#39;http://img1.blogblog.com/img/anon36.png&#39;]&quot;)
    .attr(&#39;src&#39;, &#39;http://1.bp.blogspot.com/-Zphr2YJH_6w/T6ZZE4YeNBI/AAAAAAAACF0/Tyuj8hkOpdc/s1600/default_avatar.gif&#39;)
    .ssyby(&#39;blank&#39;)
    </script>
    <script src='http://code.jquery.com/jquery-latest.js'/>
    <script>
    $(&quot;img[src=&#39;http://img2.blogblog.com/img/b36-rounded.png&#39;]&quot;)
    .attr(&#39;src&#39;, &#39;http://1.bp.blogspot.com/-eKbzORzVaBQ/T6ZXHmdgHqI/AAAAAAAACFs/rVy3T4gxojM/s1600/blogger-user.png&#39;)
    .ssyby(&#39;blank&#39;)
    </script>
  4. Save the template.

How to add your own Avatar?

To change avatar for anonymous users change the URL in red with your avatar URL.
To change avatar for blogger users change the URL in blue with your avatar URL.

Use the following avatar or use your own:












http://2.bp.blogspot.com/-5nGzg5T-9qA/T6ZbL9JF0iI/AAAAAAAACF8/TvTnURwsNb0/s1600/anonymous3.png











http://3.bp.blogspot.com/-oivPlkvBNBY/T6ZoNQhfAII/AAAAAAAACGY/3gem5DBmmQ8/s1600/blogger-user.png

Tips
To find avatars  use google images or other icon finder websites.
Thats's it!
Spread our words!

SHARE

About Jolly David

    Blogger Comment
    Facebook Comment