How To Make Profile Picture Round In Blogger

Round Profile Picture is one of the biggest rage these days among bloggers . It can change the overall look of your blog and stand it out among others. The default blogger about me widget isn't attractive. So most of the people remove it from their blogs. However this is an important part of your blog.


You can make the about me widget of your blog look way more beautiful by customizing it with a small piece of code. This tutorial will tell how you can easily make the profile picture round and bigger in blogger blog's about me widget.

Follow these steps to make profile picture round and bigger in Blogger:


1.) Go to Blogger dashboard and choose Template option

2.) Click on Customize button and choose  Advanced option from the list.

3.)Now select Add Css option (last option in the list) and paste the code given below:

#Profile1 img{
height: 200px !important;
width: 200px !important;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
float:none;
}
#Profile1{
text-align:center;
}

You'll be able to see changes in your template in the preview after adding this code.

4.) Click on Save Template and you're done.

Note: To change the size, change the values in height, width and border-radius. Border-radius value must be half of value in height and width to get perfect round image.

Now you know how you can make your profile picture round in your blog. So try doing it and let me know if you face any kind of problem during this procedure or if you have some confusion. I would be happy to hear from you. Till then,
♥ Keep Blogging ♥

Also Read:
How To Add A Read More Button To Blogger
How To Customize Sidebar Titles In Blogger
5 Annoying Factors That Might Be Killing Your Blog Silently
How To Add Social Media Icons To Blogger
Cute Custom Popular Post Widgets For Blogger

Get Access To All The Updates And Freebies

Sign Up For Our NewsLetter...