How to Change Default Anonymous Avatar in Blogger Comments

Mar 31, 2011 | 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/AVvXsEi9UMAv05OEeTkdnv31jsChWQHlZ2RJzKy64KfSQqkmESm2D-GTJhcZKf0jjiOHYLa-BMZBi3rA9moO4rWu3Trj2qPzJT0AffxVo-lRl8a9OvD4GQM2yr-1L8jJP0R3Ko6-4aHVUnY9Sus/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/AVvXsEi8Ss3Wlx5UcgOzvniTo7uLyNncqMdFi6XbYfp1sXQ6zwqt41RzRYzzLgQCw3_8Wl5VDcAZl79-WXyWiWKf6HNK8Uv80bVIVXPYsWh7nmgpBGI_wwlLvk2byPEcgFB9-jJ_E2cIOhMCLxc/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.

Share this article :

Post a Comment

I'm certainly not an expert, but I'll try my hardest to explain what I do know and research what I don't know. Be sure to check back again , after moderation i do make every effort to reply to your comments .

 
Support : INDIATRIKS
Copyright © 2011. INDIATRIKS - All Rights Reserved
Template Edited By Indiatriks
Proudly Powered By Blogger