Step 1:
Make sure you have a profile image in the first place. Go to Dashboard (old interface)- Edit Profile - Scroll down to Photograph and upload your profile image there. Make sure your profile image is large enough. If the dimensions of your profile image is small, enlarging it will make your image pixelated - not cool.
Make sure you have a profile image in the first place. Go to Dashboard (old interface)- Edit Profile - Scroll down to Photograph and upload your profile image there. Make sure your profile image is large enough. If the dimensions of your profile image is small, enlarging it will make your image pixelated - not cool.
Step 2:
Assuming you have your 'Profile' gadget added to your blog, you can easily change its size by going to Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog::
That will be all. Have fun.
Assuming you have your 'Profile' gadget added to your blog, you can easily change its size by going to Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog::
.profile-img{
height: auto;
width: 200px;
}
Adjust the value 200 accordingly. 
That will be all. Have fun.
It didnt work for me.
ReplyDeleteIt does work. Probably your Template Designer is not responsive. Try pressing 'Enter' after the last character of the last line } in step 2.
ReplyDeleteCheers.
that was easy, thank you! :D
ReplyDelete@A: You're welcome. Cheers :)
ReplyDeleteThank you soooo much :)
ReplyDelete@Anon: You're welcome. Cheers.
ReplyDeleteThank you this helped alot :) x
ReplyDelete@Anon: You're welcome. Cheers.
ReplyDeleteWow, I'm a huge luddite, but I followed your advice and it worked. Thank you! I am horrified of code, btw!
ReplyDelete@taturner: Apparently you're doing great :) Happy blogging. Cheers and God bless.
ReplyDeleteThank you for this great tip! I was so annoyed I couldn't enlarge my profile pic until I found your site.
ReplyDelete@Joy: Your profile picture is looking good now. Cheers..
ReplyDeleteThanks so much for the tip! But now, how do I get it centered?
ReplyDelete@Amanda: Hi Amanda,
ReplyDeleteAdd this to your CSS:
.profile-img{
float: none;
display: block;
margin-left: auto;
margin-right: auto;
}
Cheers.
thx , that was a big help !!
ReplyDeletehttp://yong-lin94.blogspot.com/
@yong_lin94: No problem at all :)
ReplyDeleteFabulous! I needed to do this and your instructions were just what I needed. It worked perfectly and now people can see me. Yay.
ReplyDeletedans-le-townhouse.blogspot.com
Happy to help :)
Deleteit works wonderful to my wife's blog, but not mine. template seems not responsive. help me please...
ReplyDeleteThere are stray codes in your template that you should remove. These code are blocking the changes you make to your template. Go to Dashboard - Template - Edit HTML - Proceed - Find and delete these lines:
Delete‎.profile-img{‎height: auto; width: 260px;‎}‎
.profile-img{‎float: none;‎ display: block;‎ margin-left: auto;‎ margin-right: auto;‎}‎
Click on Save template then. Once you've removed these lines, attempt the tutorial above again, it will work :)
superb, wonderful, excellent, u r really cool! thank u very much, God bless u!!!
ReplyDeleteNo problem at all bro :)
Deletethank you so much! i had been wanting to enlarge my profile picture forever. this was relly simple (:
ReplyDeleteYou're most welcome :)
DeleteThank you, thank you, thank you! I am following your blog now for great information!
ReplyDeletewww.createyourdecor.blogspot.com
Thank you :) Have a nice weekend!
DeleteThankyou! What an easy solution.
ReplyDeleteMost welcome :)
DeleteThank you soo much, this was so easy and simple!
ReplyDeleteI have looked all over for this =)
Holly xx
I'm glad it worked. You have fun blogging.
DeleteCheers and God bless :)
Do you happen to have an easy fix for enlarging the pictures on my sidebar? Your trick for enlarging my profile pic. worked! Thank you so much!
ReplyDeleteHi April,
DeleteI do, actually. Go to Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.
.Image img{
height: auto !important;
width: 300px !important;
}
Use it wisely, as the images will go blurry if you over-do it. 300px is fine for your blog I guess.
Cheers :)
I tried what you suggested, but all it did was make the gadget tools icon larger. It had no affect on the size of my pictures. I even tried decreasing the number and it still happened. Any suggestions? Your site is great!
ReplyDeleteHi April,
DeleteIt should have worked, and yeah the quickedit icon would have gotten big as well. Try this instead:
.Image .widget-content img{
width: 280px !important;
height: auto !important;
}
Here's some screenshots of what you should be expecting to see:
Before
After
It worked perfectly! Just what I was wanting! I can't thank you enough for all your help!
DeleteYou're most welcome April :)
DeleteSorry...I do have one more question for you. How do I go about centering some of the pictures on my sidebar? A few of them are off to the left. THANKS!
ReplyDeleteI figured it out on my own! No help needed this time around, surprise, surprise! Have a good one!
ReplyDeleteLooks like you're getting the hang of it, good job! :)
DeleteThank you! It's working! :D
ReplyDeletethankssss this is great
ReplyDeleteGlad you find it so :)
DeleteI couldn't get it to work :( I already have a code to enlarge my profile picture in the box. I just put the code for this directly below? Is this right?
ReplyDeleteWoops wrote comment on wrong post!
ReplyDeleteLol.. It happens :P
DeleteReplied your comment here
Your comment
Thanks so much!!! It worked.
ReplyDeleteYou're most welcome Daniela! :)
DeleteCheers and God bless :)
thank you :D
ReplyDeleteMost welcome :)
Deletemany thx, it works on mine :)
ReplyDeleteDon't mention it :)
DeleteThanks, this was so easy!
ReplyDeleteDon't mention it :)
DeletePerfect!
ReplyDeleteMahalo (thank you!)
Excellent!
Delete‘A‘ole pilikia! (No prob!)
:)
Yes! I have just now found you and I want you to know that something you took the time to share so long ago is STILL MUCH APPRECIATED. I came looking to find out how to put a slideshow into my sidebar and then stumbled on your "you might also likes" at the bottom.....everything I have tried using your instructions has worked like a charm so far :-)
ReplyDeleteHi Carolyn,
DeleteThanks for taking the time to leave a comment. Means a lot! And glad you're liking the tweaks :)
Cheers..
I did this and it posted the code to the top of my blog, and didn't enlarge my picture, now I cant get it to go away... see: http://glowinggrowerblog.blogspot.com/
ReplyDeleteAny help would be appreciated, I can't figure it out for the life of me.
Looks like you've pasted way more things than you needed to. Go to your CSS and get these code removed (HTML in CSS is a very bad idea):
Delete<style>#profile-container h2.sidebar-title {display:none;}</style>.profile-img{
height: auto;
width: 275px;
}
<style>#profile-container h2.sidebar-title {display:none;}</style>.profile-img{
height: auto;
width: 275px;
}
<style>#profile-container h2.sidebar-title {display:none;}</style>.profile-img{
height: auto;
width: 275px;
}
<style>#profile-container h2.sidebar-title {display:none;}</style>.profile-img{
height: auto;
width: 275px;
}
<style>#profile-container h2.sidebar-title {display:none;}</style>.profile-img{
height: auto;
width: 275px;
}
<style>#profile-container h2.sidebar-title {display:none;}</style>
Thanks! It works on my blog!
ReplyDeleteYou're most welcome! :)
Deletehi! i pasted the code at the end of the right before the < / html >. it didn't work. where in the code am i supposed to insert the code you posted? thanks. :D and the type of code looks different too from what i see posted. css. html. i don't really know anything about coding.
ReplyDeleteHi Star,
DeleteYou should not post the code in your HTML. As stated in Step 2, the code needs to be in your Template Designer, particularly under the 'Add CSS' box. To access your Template Designer, go to Dashboard - Template - Customize. Once in, look for the 'Add CSS' box under the 'Advanced' tab.
Thanks, worked a treat!
ReplyDeletexxx
Hiya,
ReplyDeleteMine doesn't seem to be working :( and i even tried finding those lines you told the guy to remove but don't seem to have them either :(
any idea?
x
Hi ya!
DeleteYour profile picture is bigger than usual. Have you got this sorted?
Ignore last comment, its worked now! thank you!!!
ReplyDeleteAh, glad you got it sorted! :)
DeleteThankyou!
ReplyDeleteDon't mention it :)
DeleteWorked great on on Blogger. Thank you!
ReplyDeleteI don't know if you will see this, but I had a quick question! At first when I changed the proportion of the picture it worked out great! But a few months later my picture became very blurry. Any idea what the cause of this is?
ReplyDeleteShe Will Be
Sorry for the late reply. That makes sense actually. You are actually stretching the picture - at first it might not be noticeable but as you stretch it further you'll start seeing the image being pixalated. Consider using a custom profile gadget.
DeleteI hope you will be pleased to learn that this tutorial - posted several years ago - is still helping people like me. Followed your instructions and they worked like a charm. I find it's the little touches, like enlarging my picture, that help people connect with me and make blogging a worthwhile adventure. Thanks so much.
ReplyDeleteGlad I could be of help :)
DeleteWoot woot! This works super well and is super easy for technologically challenge people like me. =) Thanks!
ReplyDeletePerfect!
ReplyDeletethank you so much. that was very easy.
ReplyDeletehi! i tried this and it worked, but now my picture looks blurry, what can i do?
ReplyDeleteHi there..
DeleteThat's the downside. You can only stretch it so much before it starts to get blurry. An alternative is to use a customer profile widget (which actually uses the HTML/Javascript widget). Here, you get to use a high resolution picture so it doesn't get blurry. Here's a walkthrough:
http://www.southernspeakers.net/2011/01/blogger-custom-profile.html
I just tried it and it worked on my blog, however it looks like the image has been stretched , and is pixelized, when really its actually much bigger it is 468x750 so why is it blurry?
ReplyDeleteThe image that is be pointed to by the link profile gadget is not as big as the original one. You may want to look into custom profile gadget if you'd like to use the original image in reference:
Deletehttp://www.southernspeakers.net/2011/01/blogger-custom-profile.html
Hi! my picture turn blurred http://purelymeiam.blogspot.com/
ReplyDeleteMay picture got bigger but blurry and tried this one http://www.southernspeakers.net/2011/01/blogger-custom-profile.html but still blurry
ReplyDeleteHello, I see your profile gadget do not have any pictures anymore. Have you got it removed?
DeleteI press enter after the last line but my profile picture still remains the same size
ReplyDeleteHello Carol. Your profile picture appears larger than the default size. Are you still having an issue in getting the profile image enlarged?
DeleteThanks!
ReplyDeletehttp://fearstreetzombiereviews.blogspot.com/