All For The Game - Série Traduzida

Hi Everyone!

Today i will share a trick on change blogger default comment avatar size. Blogger provide its users with small comment avatar thumbnail images and many of us are tempted to change the size of the comments avatar but when we do this, we start getting blurry images which is ugly because you hardly recognize the face of the commenter. 😒

Blogger comments default size is of 35px. If you do it by css, your avatar size will increase but image quality will not improve. It will show like blurry. If you do it by javascript, it will help you to show avatar with best quality.

Change Blogger Comments Avatar Size and Resolution.

1. Login your Blogger account.
2. Go to Theme.
3. Click Edit Html.
4. Click anywhere inside the code area.
5. Press CTRL + F to open the blogger' search box.
6. Search for:
</body>
7. Now copy the below code and paste it just before </body> .

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
    $(".avatar-image-container").find("img").each(function(a, t) {
        (t = $(t)).attr({
            src: t.attr("src").replace("/s35", "/s100")
        })
    })
});
//]]>
</script>

8. Again, search following code in CSS:
.avatar-image-container
9. Replace again:

height: 35px;
width: 35px;
max-height: 35px;
max-width: 35px;

10. After done everything click on Save template button to apply the change.

Check out the comment avatar of your blog.
Hope the tutorial was successful and it worked well for you. Sharing is caring an should in case you have any questions, do share with me at the comment box.
you can read this article in Portuguese here.