Is your blogger comment looking ugly with the default anonymous picture?No more ugly look again!In this post we will learn how to change the default anonymous picture and the default blogger user picture in blogger comments.This picture shows when there are no profile pictures attached to the users profile.
Add custom Avatar icons. |
Steps to change the default Avatars in Blogger comments
- Go to your Blogger Dashboard > Template > Edit HTML.
- Find </body> {Use Ctrl + F to search}
- Add the following code just above 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/AVvXsEiGr_8VnygYtLDZrTlDtXppAV8hi5RnNy1Zl7mBYyy-MrXXwZRRgmIFi1D3IU_5Rw4jU3vejsUV_SoAW5zOK2hByXVUdpHhgaIpGHNhqOku4bImdv6oJr8JnyK5ftSMVXQyz4SC1mVU-ZQ/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/AVvXsEj_Mnfzx4zMKofLBqeTYIE4Ee7wg-U1ZKeDM5vYsXKBaFNZAj1CpONmErP8GWfK9L5jQaNzhAxjGHWKNHzjOhyDqE5flMGlWKMCTQ1ROX7PMR9FWMHTduLpnA23p06Ax6HtU-dDrsJduPo/s1600/blogger-user.png')
.ssyby('blank')
</script> - Save the template.
How to add your own Avatar?
To change avatar for anonymous users change the URL in red with your avatar URL.
To change avatar for blogger users change the URL in blue with your avatar URL.
Use the following avatar or use your own:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtZ1DBD535b0Zk3dVBT9jAtzFgUq2RaKOHiq9NaEUjVDJF7w9GJ-0CIYyjwX3k1X8MfZwCqErImhxii_B2g1xw1R3XUQ9SFa13rZgzYwWSgo83c9wpusDNHnRTSmWj79RdaIMxQCjTWVM/s1600/anonymous3.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1lj4fi9OHb0inC8lDDnL4YjlIAHS8eROcC3OG7jrKjevMvC5oonGrZAw1YqBcLIw6t7Kj4HNbsF8Y7bsqk9PKAmgPOoBONB_rsxoko0KDV_eGXEEXMVH0qZ_52_hp8m4cQaROwGZHE_NZ/s1600/blogger-user.png
Tips
To find avatars use google images or other icon finder websites.
Thats's it!
Spread our words!
Blogger Comment
Facebook Comment