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> $("img[src='http://img1.blogblog.com/img/anon36.png']") .attr('src', 'http://1.bp.blogspot.com/-Zphr2YJH_6w/T6ZZE4YeNBI/AAAAAAAACF0/Tyuj8hkOpdc/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', 'http://1.bp.blogspot.com/-eKbzORzVaBQ/T6ZXHmdgHqI/AAAAAAAACFs/rVy3T4gxojM/s1600/blogger-user.png') .ssyby('blank') </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. ;)