How to Remove Frames from your Pictures & Signature

I want to show you all something I learned a while back because I searched and searched everywhere to find the answer but I kept getting codes that simply did not work for me. This code worked for me and I hope it works for you too! :) FIY I use the Simple template from blogger. So here is what I'm talking about (I am using my sample blog for this tutorial)...

First go to Design>Edit HTML Hit Command + F (for Mac users like myself) or Control + F (for PC Users) then find this section of your HTML:  .post-body img

 Replace this:

.post-body img {
padding: 8px;
background: #ffffff;
border: 1px solid #fcfbf5;
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

To this:

.post-body img {
padding: 8px;
background: none;
border: none;
border: 0;
}

Preview first to see if it worked for you before saving, if it did then hit Save Template! and you've got this...

Whoo hoo!! I hope this code works for you as it did for me!

I am not an HTML expert I simply found something that worked

and wanted to share with you all! :)

I will be sharing blogger tips from time to time!