Jan 6, 2016

How To Change Default Anonymous Avatar in Blogger Comments {Updated}

data:blog.title
Update: Blogger has changed Anonymous Avatar to blank and the old jQuery code is not working anymore So we have updated the jQuery code it is working perfectly now. Tested on this blog you can see in comments. Don't read anything direct go to the tutorial below. :)

In one of our previous article we have shared with you How To Add Different Background to Author Comments in Blogger and also How To Add Admin Ribbon in Blogger Comments and today we are here with another trick by which you can easily change default anonymous avatar of blogger comments.

If you moderate your blogger comments then you may or may not allow anonymous users to post on your site.  If you do allow anonymous users to comment you've more than likely noticed the default avatar. So this simple tutorial will show you how to change or customize default avatar of anonymous commenters or Blogger users with no photo added on their profiles.

Blogger offer three default comment avatars, one for anonymous users, one for Blogger accounts without an avatar or even until recently Google+ profiles. The default blogger avatar for Anonymous and Blogger Commentators is ridiculous. I'm often getting quite a lot comments saying Anonymous Comment Avatar is appearing like a ghost. So I decided to change the default blogger comment avatars.

Change Avatar, Blogger Comments, Default Anonymous Avatar

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 your own.

Our Recommended Blogger Widgets

  1. WordPress Like Floating Social Sharing Widget for Blogger with Counter.
  2. AllInOne Admin Box Widget with Social buttons and Subscription Box.
  3. Add Sticky Notification Bar To Blogger with Show/Hide Button.
  4. Stylish Contact Form For Blogger! Add to Static Page, Responsive & Pro Version.
  5. Cute & Stylish Email Popup Subscription Widget.

Change The Default Anonymous Avatar of Blogger Comments:

  • Go To Blogger >> Template >> Edit HTML.
  • Click anywhere inside the code area and by pressing CTRL+F search for </body> tag.
  • Now copy and paste following code just above of this tag.
<script>

var oldSrc = '//img1.blogblog.com/img/blank.gif'; //Default blogger image link

var newSrc = 'http://1.bp.blogspot.com/-eKbzORzVaBQ/T6ZXHmdgHqI/AAAAAAAACFs/rVy3T4gxojM/s1600/blogger-user.png'; //New image link

$('img[src="' + oldSrc + '"]').attr('src', newSrc);

</script>
  • Now you can save template for make changes in anonymous avatar.

Changing The Default Avatar

Blogger users: Replace the URL in Yellow with your own.

Custom Anonymous Avatar











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

Perfect Anonymous Avatar, Blogger Comments











http://3.bp.blogspot.com/-N1H1mQl5AH8/VPcuafZ9ukI/AAAAAAAAATE/2mm75c7X5tg/s1600/02.jpg

Customizable Avatar For Blogger Comments












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

Blogger Comments Avatar











http://3.bp.blogspot.com/-fSRD9SLNzHo/UVwhXCSqjZI/AAAAAAAAF8o/Pg1tdZtcL70/s1600/anonymous_avatar.png

Change Comments Avatar, Anonymous Comments Avatar











http://2.bp.blogspot.com/-fje1es6KreM/VPcubocoagI/AAAAAAAAATc/MadAjEfjCUs/s1600/06.jpg
  • That's it. Hope this trick is useful for you.

Conclusion:

So above guide is about How To Change Default Anonymous Avatar in Blogger Comments? We hope by this guide you can easily change default anonymous avatar of blogger Comments. If anyhow problem occurs then ask us via dropping a comment below. Now its your turn to share it on blogging communities and on social networking sites. Don't forget to subscribe us. Do Share.
Thank You! Stay Blessed! 

5 comments:

  1. Unfortunately it is not working for me :(

    ReplyDelete
    Replies
    1. Hey @Anonymous.
      It is working perfectly. Try once more.
      if you can't do this job then you can contact us. Our Team help you out of sure. :)

      Delete
  2. Hello!
    It seems that blogger has changed something. I've had that jquery code, but now it's not working any more. Even on your site it's not working - you see that anonymous avatars are blank. Now, instead of "ghost" avatar, anonymous comments are simply without any avatar. And avatar for those without custom avatars is changed too - now it's tiny and even uglier.

    ReplyDelete
    Replies
    1. Hey Anonymous you are right. Blogger has changed this feature but we have updated the jquery code and it is working perfectly. You can see it also on our blog.

      Delete
  3. Awesome.. Working Perfectly on my blog.
    I hope you will share some new techniques related to blogger.
    Waiting for your next post.
    Love your blog bro...

    ReplyDelete

We’re eager to see your comment. If you have any query related to the topic then drop a comment below. We will help you out of sure. However, Please Keep in mind that all comments are moderated manually by our human reviewers. According to our comment policy all link are nofollow so keep in mind that never use links in comments, we consider link comments as a spam.