A quick and simple, step by step guide on how to get rid of image borders and shadow on Blogger (with pictures)

This post is off topic however I think this will be useful to many people out there.

Literally, 10 minutes ago I discovered how to get rid of those annoying, grey borders which are around images on blogger. I searched the internet, looking at what others thought when I decided just to try it out myself. Everyone makes it SO complicated when really, all you need is one small code.

So I thought I'd show you how to do it! I'm also going to use screen images just to make it more easier to understand. No-one else - that I've come across - has done this.

Firstly, go to a blog post of yours and click on the HTML button. Normally, you write your blog posts on the Compose layout so I recommend writing the post first and then clicking on the HTML button.






Then, you'll see a load of gibberish like this:

Ignoring all the writing (the stuff you wrote on the Compose setting), focus on the codes.
Here is a close up of the first code you see in the image above:

To get rid of the border, simply add: class="noshadow"

But make sure you add it between height="480" and src=(your photo url)

This is what that section should look like after adding the code:

See it? Then, after doing this for all the images you want, click on Publish and the borders should be gone!

Before:

After:

Easy as pie. I really hope this helped some of you who were finding it difficult. It's easy once you know how to do it. My only issue with it is that it takes a long time - especially if you have loads of images. Blogger needs an option that says: Do you want a border? Yes or no. That would be much easier, don't you think?!

Anyway, I'll talk to you soon.

Suzanna
XOXO