How to Change Default Anonymous Avatar in Blogger Comments

Step 1.

If you are using the old Blogger interface:

• Go to Dashboard - Design - Edit HTML - Expand Widget Template (make a backup)

If you are using the new Blogger interface:

• Go to Dashboard - Template - Edit HTML - Proceed - Expand Widget Template (make a backup)

Step 2. Find (CTRL + F) this code in your template:

</body>

Step 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;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbxXGfv8Em_YcdE-6_AU2zXXCUDiPQdIf0eX02FK35thDpfkpuBvJD16WCvvSOOTuvMzl9UnuLle0KfKR-338QPxpT4w6_YZXy1Kjc4BrY1ibYH70q8wRdi6POlpC6kPdj3sTCkZnynpE/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;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlCmh_9xjZ6FSKmzlR-eCK8_cb8sUWLpR28Uk_8F8rJZrJxXFtSIZroTeihKX38rHZ_b48rlzFWfHhKnBgQnnPhyphenhyphenfpvYziqv9xR9bDcHidlNn10vUG1jMcYKcW5YvcEJ1dsvgNm3OQYUE/s1600/blogger-user.png&#39;)
.ssyby(&#39;blank&#39;)
</script>

Step 4. Save the Template

How to change avatar:

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