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
For Blogger users: Replace the URL in blue with your own.
1- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQKq7KOpi6xx290wHjlW02ls3gM2xEHFGqyQzx25kbK3iXLNnIhko7c6xQM1OkjOio_MzRcAgvutNQEHvSoDMncKtU0LDVyPkU6pDC1Vl3i-DCkC8YteXnAKJ7WCQSB8wOKG0lMEFY36w/s256/blogger-icon.png
5- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLcM-0OOn-CRiY4UlUO6aKxwlVU_MoJzKCYTixRGC7iqNj60qDhbLC6sqZU40FmB9c_X3rnIxGsEFBZS9I9N6spen_-tM2UcePx_7EWbQM5zXxtTuE2T7Y_VEpB3BqhIwuDJNYymAuZq8/s138/facebook.gif
I hope you enjoy and happy blogging. ;)
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
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', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq0kZhwDpCXxIDJWJJxvCnBadT9LsALiwVYSUvj4Cql8oz3McUFGoTGJWNH04pL94v6Qlu6kfXgWF1UJxyME_dpmen6YiI50ehStM_AKohuR-S__GBB43aemnITa21dv9dbLUZtG9zW7I/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/AVvXsEjEfIRiTXQXMyRProJQ-7AOR9y9n66xsytAMRSdmM-UO_ujmEZX6cMxKmbtw5V8jT2Khcq4wqdRZ8xbpLn5gBehH5R_Y7g7vakKVvt2YikHn0quz3EUHIJcUJERoGl9fdYaAyDX8dY910E/s1600/blogger-user.png')
.ssyby('blank')
</script>
5. Save template.
Note:
For Anonymous users: Replace the code in green 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- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQKq7KOpi6xx290wHjlW02ls3gM2xEHFGqyQzx25kbK3iXLNnIhko7c6xQM1OkjOio_MzRcAgvutNQEHvSoDMncKtU0LDVyPkU6pDC1Vl3i-DCkC8YteXnAKJ7WCQSB8wOKG0lMEFY36w/s256/blogger-icon.png
5- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLcM-0OOn-CRiY4UlUO6aKxwlVU_MoJzKCYTixRGC7iqNj60qDhbLC6sqZU40FmB9c_X3rnIxGsEFBZS9I9N6spen_-tM2UcePx_7EWbQM5zXxtTuE2T7Y_VEpB3BqhIwuDJNYymAuZq8/s138/facebook.gif
I hope you enjoy and happy blogging. ;)



0 Comment: