Profile Image Borders

One thing that can detract from an otherwise professional-looking blog is a border around your profile image that doesn't match your blog's color scheme.

Now, if you don't have a profile image set up, you don't have to worry about this. If you do have one, check out what it looks like...
Most Blogger templates aren't bad when it comes to profile image borders. However, some look like the one shown here. The default blue border doesn't quite fit in the orange and yellow color scheme.

If your blog looks like this, there are two options: (1) do away with the border, or (2) change the border to some more aesthetically pleasing.

Option (1) is probably the easiest. Select your blog from your Dashboard, and click on the "Template" tab. Use your browser's "Find" function (usually Ctrl-F) to search for the text:
.profile-img img

It should be followed by text enclosed in curly brackets. If there is a statement that begins with "border:", change it to read:
border:none;
If there is no such statement, create one.

Save your changes and republish your entire blog. Voilà! No more border!

Option (2) is a little more difficult. Find the ".profile-img img" section in your blog's template, and find the "border:" statement that looks something like this:
border:4px solid #8b2;
Change the "4px" to a different number of pixels to make the border thicker or thinner. Change the "#8b2" to another hex code to change the color of your border. This is why it's more difficult. If you don't know how HTML color hex codes work, you can find six-digit codes here.

If you really want to, you can also change "solid" to something like "dashed", but I wouldn't recommend it.

Save your changes and republish your entire blog.