Step 1.
If you are using the old Blogger interface:
Step 2. Find (CTRL + F) this code in your template:
Step 3. Add the following code just above it:
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.
If you are using the old Blogger interface:
- Go to Dashboard - Design - Edit HTML - Expand Widget Template (make a backup)
- 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>
$("img[src='http://img1.blogblog.com/img/anon36.png']")
.attr('src', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9UMAv05OEeTkdnv31jsChWQHlZ2RJzKy64KfSQqkmESm2D-GTJhcZKf0jjiOHYLa-BMZBi3rA9moO4rWu3Trj2qPzJT0AffxVo-lRl8a9OvD4GQM2yr-1L8jJP0R3Ko6-4aHVUnY9Sus/s1600/default_avatar.gif')
.ssyby('blank')
</script>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$("img[src='http://img2.blogblog.com/img/b36-rounded.png']")
.attr('src', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8Ss3Wlx5UcgOzvniTo7uLyNncqMdFi6XbYfp1sXQ6zwqt41RzRYzzLgQCw3_8Wl5VDcAZl79-WXyWiWKf6HNK8Uv80bVIVXPYsWh7nmgpBGI_wwlLvk2byPEcgFB9-jJ_E2cIOhMCLxc/s1600/blogger-user.png')
.ssyby('blank')
</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.