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
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/AVvXsEgo6RMgS1s4YCkLSAF4-KGJvRhVbPsHT4i4MmJETwP8Jr2yQyUW89SLZWztefSfPKpOpSRczVZtTpdE6yiAiB9JEVMUxsQQb3I-IZVM-UvwPTBxDaShp3rlgacaKxDXwk7RmFnth4rLEdY/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/AVvXsEjlgkdrUBllWiyuhCLPAO1ar7w9UEd6HCO_PndXGx6AWwGywOY2UXq3QHBvaLB8ZotWq9kAPzwKNEike1V5y4C-jO6SBp0mkei3yA5yN9XQINkIRahmfB-xA8JA1AQNCa5e6x6s2U_TqaA/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.
1- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPanVLxrVHDGeEzJTlaplOGp3fITit85OVglbO94w6OyLxvWtOlIvqDuRCKvT1KEXJ6RIQe7mXDXSZjjPVjxDdoWAZ7EP6HSlOcVT3yRq_a9q7AJCAF5CWhKHsfDWEWhsk1anliKKmIt8/s256/blogger-icon.png
5- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWmps5db2SLcVxXF9N9XG0J1E0O2P34jBvuNN0P_mnUpUIBlXT-F30isWqOh9Fa2jFYQcgMRWV1PjS19YcpcyQ-lhZSMBw7d5ort5HL-fnEbe3N9NK-foV2TGqoaISRg8SpAUnXRNMKHQ/s138/facebook.gif
I hope you enjoy and happy blogging. ;)
No comments:
Post a Comment