As you people already know Blogger has default avatar for anonymous commentators and for those Blogger users who don’t have profile pictures on their blogger profile. Those pictures are very simple and boring instead. So, in today’s Blogger tutorial I will teaching you to change those default avatars in blogger threaded comments. I will also write a tutorial about changing the size of avatars shown in blogger comments. But by default in many blogger templates, you will see that avatar size is 36×36 pixels. So today I’m going to share new avatars of this size. If your blog has different dimensions then you can find some avatars from Google Images very easily.
Change Default Avatar in Comments
1. Go to Blogger Dashboard >> Template [Backup Template] >> Edit HTML >> Find [Ctrl+F] this code in template:
|
1 2 3 |
</body> |
2. Now Add the following code just Above that code:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<script src='http://code.jquery.com/jquery-latest.js'/> <script> $("img[src='http://img1.blogblog.com/img/anon36.png']") .attr('src', 'http://4.bp.blogspot.com/-fY-gG1_o6h8/URitaN8b2WI/AAAAAAAAC0g/m-uFp8vl4lQ/s1600/blogger-avatar.png') .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://3.bp.blogspot.com/-HseCrBm2t_E/URitaAUacjI/AAAAAAAAC0c/Uw4FO3CLyyE/s1600/blogger-avatar-1.png') .ssyby('blank') </script> |
3. Save the template and check your blog for changes. You will see new avatars along all comments on your blog.
4. You can always change the avatars by yourself. Just get images of same dimensions and upload them and get their direct links.
5. Just insert both links on their respective places. Search for this image link in your template code:
|
1 2 3 |
http://4.bp.blogspot.com/-fY-gG1_o6h8/URitaN8b2WI/AAAAAAAAC0g/m-uFp8vl4lQ/s1600/blogger-avatar.png |
And change it with the new Anonymous user’s Avatar.
6. Now search for this image link in your template:
|
1 2 3 |
http://3.bp.blogspot.com/-HseCrBm2t_E/URitaAUacjI/AAAAAAAAC0c/Uw4FO3CLyyE/s1600/blogger-avatar-1.png |
And replace it with new Blogger User’s Avatar.
That’s it. I hope you have learned to change Blogger Comments Avatars for anonymous and registered users. If you find any difficulty in implementing this tutorial, then feel free to ask me in comments below. Have a nice day.
Pingback: Change Avatar Size in Blogger Comments - Bloggerjin