Change Bloggers Default Anonymous Comment Avatar

Change Bloggers Default Anonymous Comment Avatar

Change Bloggers Default Anonymous Comment Avatar

Bloggers Default Anonymous Avatar 

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.

Blogger default anonymous avatar

If you want to change the Bloggers default anonymous comment avatar to suit your template or just fancy a change, then this helpful tutorial will show you how to.


Blogger offer three default comment avatars, one for anonymous users, one for Blogger accounts without an avatar or even until recently Google+ profiles.

Go to your Blogger dashboard > Template > Edit HTML

Blogger Edit HTML

 Make sure you tick, Expand Widget Templates.

Blogger widget

Search for the code below.  Helpful tip; Ctrl F to search the HTML template faster.

</body>

Now add this code 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/AVvXsEjcXRA64wlae_cfmaqqFra4P0UG8RaT_FGSfqDFaC82cAf5jZvNLXo94jQA5Cma43h3m0VlLS_m0r4tcrlBnodzKk4iYRWplKONcIiXkyPDu7ySscjM-sWhUJpGgkvx_2YMlivICB1MTN0/s1600/anonymous-avatar2.jpg&#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/AVvXsEjcXRA64wlae_cfmaqqFra4P0UG8RaT_FGSfqDFaC82cAf5jZvNLXo94jQA5Cma43h3m0VlLS_m0r4tcrlBnodzKk4iYRWplKONcIiXkyPDu7ySscjM-sWhUJpGgkvx_2YMlivICB1MTN0/s1600/anonymous-avatar2.jpg&#39;)
.ssyby(&#39;blank&#39;)
</script>

Save the template.

How to add your own avatar image.

Anonymous user default avatar; change the image URL in blue.

Blogger user default avatar; change the image URL in orange.

Below are some avatar examples that you can use.  Please keep in mind your Blogger theme as you may have to resize.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcXRA64wlae_cfmaqqFra4P0UG8RaT_FGSfqDFaC82cAf5jZvNLXo94jQA5Cma43h3m0VlLS_m0r4tcrlBnodzKk4iYRWplKONcIiXkyPDu7ySscjM-sWhUJpGgkvx_2YMlivICB1MTN0/s1600/anonymous-avatar2.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuXi6Xk3fn6QPkkvAD2spIFcqlkcPx_8GueVSst5bRxior2vbLzDZo4f5s8IDyGBTVXHVehY1nK9VDA4GAw1Ch-HV193e-iYl7pxy2eyTUQnRMYAuazRgT7zDHFTIxtrBTZw8mdQfUZ6E/s1600/anonymous_avatar.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzvRo-SREQtqhyK3463ff_S9HvBlsF69z1Gu1mNhBW9SzLSq9vlh7WP0zdr8JEo1vAXvzGYaACYl-Ko_6MW4pgToBCjJnCcgpGGsf4pOV1v9spHuGWF5cfLAU5jEH-Aajtnlel1qhuIIE/s1600/avatar-constituent-default+(1).gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_ELr5MpKfKZXGS21YQ6zqwZHd2SvyuEjjD5ZWxYk3DoHRN4uGsgIwp4vtOamL5qRJ_LRJvZkM_I8nOmFQWMtu0rq7xlDI5XzaKOUVLYisI7Nb9mi5KV3OuSHwC1YZnF0Bai2p8FLEzAc/s1600/avatar-constituent-default+(2).gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiazk_dTccU525PrmnBoUwxFWwCN0AUcCL5VLHxfN5SuLkK1YVoHpnMxJl7r8nOUw6GX12ut-naL6DKjS0tGXHiF-M5O5tEwdQlOQFRcg1KQHOP8ea4577WUZJpvlHlOgwA92UwwiyfhkI/s1600/avatar-constituent-default.gif

Job Done...

Change Bloggers Default Anonymous Comment Avatar