Change The Size Of Blogger Profile Picture In About Me Gadget



In this post we have a quick simple tip showing you how to change the size of your Blogger profile picture as it appears in the about me gadget on your blog.By default the image is quiet small around 80×80 pixels, By adding piece of css to your blog you can set the image to any size you like.This will help spice up what is a very plain gadget and give you more option when it comes to the profile image you use.We will be adding the code to your template via the template designer so it couldn’t be easier.

Change The Size Of Your Profile Picture In Blogger About Me Widget

Step 1. In your Blogger dashboard click Design > Template Designer

Step 2. In the template designer click Advanced > Add Css (It’s the last option on default templates so you will need to scroll and the only option on custom templates.

Step 3. Copy and Paste the following code into the Css section

.profile-img{height:124px;width:124px;}

Note – I have the height and width at 124×124 you can change them to your desired size.

Step 4. Click Apply To Blog In Top Right Of Page.

And that’s it you now have control over the size of your profile picture.

23 comments:

  1. thx. Paul

    ReplyDelete

  2. nice sharing…
    thank for your guiding instruction…

    ReplyDelete

  3. awesome awesome awesome thanks, thats all.

    ReplyDelete

  4. styrofoam packing peanutsMay 31, 2011 at 8:01 AM

    Thanks this blog is really cool, it gives me an idea for my profile pic. you’ve share not just a simple tip.. for me it is very informative post….

    ReplyDelete

  5. Wow nice post, it make my profile pic great… thanks for sharing this gadget…. it makes my blog cool…. Thank you for sharing this….

    ReplyDelete

  6. man how to create menu for a blog????

    ReplyDelete

  7. @ Sudhir – I recently covered a cool menu here – Lava Lamp Menu – at the moment i have no other posts on the subject I’m afraid.

    ReplyDelete

  8. Thanks this blog is really cool, it gives me an idea for my profile pic

    ReplyDelete

  9. Thank Youu.. 🙂

    ReplyDelete

  10. thanks for sharing.
    🙂

    ReplyDelete

  11. thanks…

    ReplyDelete

  12. This was sooooo helpful! Thank you for taking the time to make this tutorial.

    ReplyDelete

  13. great blogger tip! thanks for sharing.

    Can the image be centered?

    ReplyDelete

  14. thanks…

    ReplyDelete

  15. thanxxx but can u tell me how to fix image big picks during joining blog

    ReplyDelete

  16. thank you for the information 🙂

    ReplyDelete

  17. Can i make the box containing about me smaller?

    ReplyDelete

  18. You’re awesome!

    www.mod-love.com

    ReplyDelete

  19. nice tutorial…

    ReplyDelete

  20. Thanks!! Is there any way to place the text below the picture?

    ReplyDelete

  21. Thank you Paul, you rock!

    ReplyDelete

  22. So helpful! Thank you!

    ReplyDelete

  23. Shielah Myr Santos CreenciaApril 17, 2014 at 8:36 AM

    THANK YOU SO MUCH :))))))

    ReplyDelete