How to Change Default Anonymous Avatar in Blogger Comments

Earlier, you've seen how you can change the size of the avatars in blogger comments and now I will show you how to change or customize the default avatar of anonymous commenters or Blogger users with no picture on their profiles. While Blogger announced the new threaded commenting system, we can still customize it by adding a jQuery plugin to our template and then replace the default anonymous avatar that can be found on this address: http://img1.blogblog.com/img/anon36.png and the one for blogger users: http://img2.blogblog.com/img/b36-rounded.png ...with our own.

anonymous, default avatar, blogger blogspot

Replace the Default Anonymous Avatar on Blogger Comments


Step 1. Go to Dashboard - Template - click on the Edit HTML button


...click anywhere inside the code area and open the template search box by pressing the CTRL + F keys

Step 2. Type or paste this code in the search box, then hit Enter to find it:
</body>
Step 3. Just above the </body> tag, add the following code:
<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>
Step 4. Save the changes by clicking on the Save Template button

Changing the default avatar

For Anonymous users: Replace the code in red with your image address
For Blogger users: Replace the URL in blue with your own.

You can choose an avatar from here and then copy the url of it:


http://1.bp.blogspot.com/-Zphr2YJH_6w/T6ZZE4YeNBI/AAAAAAAACF0/Tyuj8hkOpdc/s200/default_avatar.gif


http://3.bp.blogspot.com/-p4JvM7rWNG4/T6ZcU5eKqTI/AAAAAAAACGM/K0DB35A5brE/s1600/facebook.gif


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

That's it! If you found this trick useful, please consider sharing it.

    Random Posts

50 comments:

  1. Anonymous6/07/2012

    thanks

    ReplyDelete
  2. Hi,
    Interesting article for add your own avatar on blogger. I like it.

    Please, comment on my blog!!!!
    http://sunilseoservices.blogspot.in/

    ReplyDelete
  3. Hi,
    Niche post, I like your interesting post!!!!

    http://sunilseoservices.blogspot.in/

    ReplyDelete
  4. Anonymous6/11/2012

    THANK YOU!!! :D

    ReplyDelete
  5. You're welcome :)

    ReplyDelete
  6. Nice trick,thank you.

    ReplyDelete
  7. this is so nice and great thanks for this site owner

    ReplyDelete
    Replies
    1. You're all welcome, thanks for visiting!

      Delete
  8. FINALLY a way it works! I have been trying the whole day with LOTS of different tutorials, none of them worked! I.LOVE.YOU.

    ReplyDelete
  9. but how do i set the comments so when an user gets to show their own picture from blogger? :( mine as well. it only shows as that ugly orange B

    ReplyDelete
  10. Thanks for the tutorial.

    how can i change default blog owner display name in comments like yours?
    Your are displaying 'Admin' instead of original blogger account name.
    waiting for your reply

    ReplyDelete
  11. Thanks for the post and the HTML code.

    ReplyDelete
  12. bad timing... this is the good info that im looking before but i dont need it now since im using intense dabate this time :(

    ReplyDelete
  13. Thank you, this helped me!
    Great articles here...

    ReplyDelete
  14. That's So interesting article, keep it up.

    ReplyDelete
  15. Anonymous12/13/2012

    Thank you

    ReplyDelete
  16. thank´s, that's very cool

    ReplyDelete
  17. very easy steps of adding those codes...it works

    ReplyDelete
  18. That's a nice tip, but creates an error with the banner slider of my blog. :(

    ReplyDelete
  19. Greaet Post, Thank you for sharing

    ReplyDelete
  20. thanks! this is useful. I've changed the avatar of my comment form.

    ReplyDelete
  21. Thank you, the tutorial is really easy and works perfectly :)

    Spark&Bark

    xx

    ReplyDelete
  22. HI, i discovered your blog, very good, BTW, and tried this tuts, but i can't seem to get it work. I pasted the code, and replaced the 2 URL's, twice..and with your own avatar's here, but it just wont work . can you take a pic? http://oeirascomhistoria.blogspot.pt/

    thx for your time

    cheers
    Acordeiro

    ReplyDelete
    Replies
    1. I'm having the same problem. Copy/Pasted your links and URL's and isn't working. Hmmm, wondering if it only applies to future comments rather than previous?

      Great tutorials BTW - finding your site VERY helpful.

      Delete
    2. Sorry, I forgot to mention that this works only for threaded comments (with reply button) ! But you can still change the anonymous avatar on single level commenting -> please try to apply the trick from here.

      Delete
  23. Worked like a charm! Thanks, man!

    ReplyDelete
    Replies
    1. Glad it worked for you :) Thanks for stopping by.

      Delete
  24. How to delete of Avatar image, because some ppl upload nude image as avatar, i want to delete them

    ReplyDelete
  25. It worked....Thanks a lot.....I was searching for it for a few hours, and this site resolved it instantly......

    ReplyDelete
    Replies
    1. You're welcome, TechStake. Thanks for visiting :)

      Delete
  26. Thank you, Admin . It's working :D

    ReplyDelete
  27. I like it! Thank you :D I will try this on my blog.

    ReplyDelete
  28. Thanks, I didn't know you could do this, is it possible to change the favicon size?

    ReplyDelete
  29. Thanks , very detail ^^
    i'm trying to change somthing in my blog >.<
    So hard

    ReplyDelete
  30. Anonymous11/21/2013

    this is great!
    do you know how change openID icon?

    ReplyDelete
  31. Anonymous12/14/2013

    not working for me =/

    ReplyDelete
  32. wow still working for me, thanks admin :)

    ReplyDelete
  33. Thanks you very much, i've done

    ReplyDelete
  34. Customizing will always be easy with jquery and javascript. Even adding more functionality to blogger template has become more challenging like adding shopping cart features etc. Your codes are very helpful and the main thing it works...

    ReplyDelete
  35. thank you!

    www.pisoandbeyond.com

    ReplyDelete