How to Change Default Avatar in Blogger Comments ~ Log-Tutorial

In this tutorial we will learn how to change or customize the avatar anonymous commentators, This enables us to add an image in blog comments instead the name of unknown without a picture.

How to Change Default Avatar in Blogger Comments

1. Go to Blogger Dashboard > Template
2. Download a copy of your template
3. Now click on Edit HTML

4. Use Ctrl + F to find </body> and paste the following code above/before it.

$("img[src='http://img1.blogblog.com/img/anon36.png']")

.attr('src', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglhVSO9u_pguz9o6eq6lKLrIfQJ036pgmee9pajKCLvf9EZxS5HKn78Hg8Y4CGyT5Q_E750L88SXvtqftEMHb8Xign7oJVxBilvaPUwt5rg03xR_36Ip8Ueiz7rK8yv4Bxn3Vxda3E7_0/s1600/default_avatar.gif')

.ssyby('blank')

</script>

$("img[src='http://img2.blogblog.com/img/b36-rounded.png']")

.attr('src', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghQQhApwktOgtL5p4mhTDYCbwQDz20HNPZvNsDdceC_gudrlcJX8T5cFku9h8bm7KJagsyGPp_gjayyujxM_33quGNzvSCpM74WWg5TStADq8zgURQrmP-jzWua_-Ry9yyZjTgyN3Ipwo/s1600/blogger-user.png')

.ssyby('blank')

</script>

5. Save template.

Note:

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

You can choose one from these below (copy the url address):