How To Modify Avatar Size Inward Blogger Comments

This uncomplicated play tricks volition help y'all modify the avatars size inwards Blogger comments whose default size is of 36px... pretty pocket-sized considering that a lot of sites these days are using much larger avatars. To modify the agency in addition to size of avatars is real slow - y'all but ask to add together the CSS code inwards your Blogger template that volition brand size of avatars to bring width in addition to elevation of 64px.

Step 1. Go to Dashboard - Template - click on the Edit HTML button

...click anywhere within the code surface area in addition to press CTRL + F to opened upwardly the blogger' search box

Step 2. Type or glue this tag within the search box in addition to hitting Enter to discovery it:

]]>

Note: y'all may ask to click on the arrow adjacent to it in addition to thus search this tag again

Step 3. Depending on which comment arrangement y'all purpose (with reply/no reply), re-create in addition to glue 1 of the next codes but inwards a higher house it:

[Works inwards Blogger threaded comment system]

.comments .avatar-image-container{
background-color: rgb(34, 34, 34);
border:1px corporation #ccc;
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
width: 64px;
max-height: 64px;
}
.comments .avatar-image-container img{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
max-width: 64px;
height: 64px;
}

[for erstwhile blogger commenting system]

.avatar-image-container{
border:1px corporation #d6d6d6;
margin-left: -30px;
-moz-border-radius: 4px;
background:#fff;
height:70px;
min-height: 70px;
width:70px;
min-width:70px;
}
.avatar-image-container img {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggU9tNpbgpZ1Tijw2t-TQWyFlEpWccPDEDTLJ0B3St81OX8e1N63c4THxHLP3hFR7sRNhammJgikPSqeUvShEijtYMSgbMbhE4eOGK3LbzI3AZDvhzMgVR7QGJIJXM1lISdl-uqqLxVc0/s200/anonymous.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width:70px;
min-width:70px;
height:70px;
min-height:70px;
}

Note: For bigger/smaller avatars, modify the values inwards red. To modify the anonymous avatar, supplant the URLs inwards bluish amongst your own. (works exclusively for the erstwhile commenting arrangement i.e. that has no respond option)

Step 4. Cick on the Save template push clit to utilize the changes.

That's it. Now the Blogger comments avatars should await bigger.