Bored of Borders?

When I first started blogging, I never really cared about the border that came around the pictures that I put on posts or uploaded, however, after a while they started to bug me. SO I DECIDED TO GET RID OF THEM. I felt that they looked a bit unprofessional and made some pictures look really odd (they did make some look nice, though).

If you're feeling the same and want to get rid of the borders but don't know how, then read on and I'll tell you all you need to know!

Step 1:

Go to 'Template' at the bottom left side of the blogger.com main bit thing 

Step 2:

Click the orange 'customise' button

You will now see this:

Step 3:

Click 'advanced' at the top left side of the bar

Step 4:

Scroll down to the bottom of the options that appear until you find 'add CSS', it should look like this

Step 5:

Once you have clicked this, you will have an empty white box, all you need to do is paste this code into the box:

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,

.BlogList .item-thumbnail img {

  padding: none !important;

  border: none !important;

  background: none !important;

  -moz-box-shadow: 0px 0px 0px transparent !important;

  -webkit-box-shadow: 0px 0px 0px transparent !important;

  box-shadow: 0px 0px 0px transparent !important;

}

Step 6:

Then click 'apply to blog' in the right top corner (will be in an orange box with white writing). Once you have clicked this, check your blog and all of the borders around your pictures should be gone. If you don't like it without the borders, then just remove the code and it'll be back to normal.

I hope this worked for you!