Enlarging Blogger Profile Image

I got asked how to make the profile picture in the About Me gadget bigger, unfortunately Blogger set this to default 80 x 80px. I searched around a found a way to edit this in order to make the picture bigger.

Step 1

Dashboard > Edit Profile >Photograph >

and upload your photo, make sure it's the right size, as in make sure its a large image. Otherwise when we enlarge it, it will be pixelated!

Step 2

Design > Page Elements > Add a gadget > Profile

Fill in your details and position it where you want on your blog in the Design > Page Elements.

You can see below that the image is small, so now we have to edit this.

Step 3

To edit this, click Design > Template Designer > Advanced > Add Css & add the following code

.profile-img{
height: auto;
width: 200px;
}

You can edit this number to whatever suits you and your blog layout.

Then press enter & click apply to blog. You can see from the image below that my profile picture is now larger.