How to Change Default Avatar in Blogger Comments

Posted on the 29 June 2013 by Mohammed39

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.  <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;http://1.bp.blogspot.com/-Zphr2YJH_6w/T6ZZE4YeNBI/AAAAAAAACF0/Tyuj8hkOpdc/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;http://1.bp.blogspot.com/-eKbzORzVaBQ/T6ZXHmdgHqI/AAAAAAAACFs/rVy3T4gxojM/s1600/blogger-user.png&#39;) .ssyby(&#39;blank&#39;) </script>
5. Save template.
Note: 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.

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




1- http://4.bp.blogspot.com/-i-AATMTeTn8/Uc5IqkzZjUI/AAAAAAAAA1c/6H76qiQqQdg/s256/blogger-icon.png
2- http://4.bp.blogspot.com/-iJwnCYnG0xE/Uc5INso1x3I/AAAAAAAAA1U/LbI5zJdlfxs/s268/anonymous3.png
3- http://3.bp.blogspot.com/-2IhuG3TtBEU/Uc5INvyeaJI/AAAAAAAAA1I/9-_W4Y5reqM/s265/blogger-user.png
4- http://3.bp.blogspot.com/-B8ppfp6q5nA/Uc5IMxbWxEI/AAAAAAAAA08/uHyon3UVz3E/s200/default_avatar.png

5- http://2.bp.blogspot.com/-iaoORPkj7w8/Uc5INVDje0I/AAAAAAAAA1E/Whv5c_1fyrM/s138/facebook.gif
I hope you enjoy and happy blogging. ;)