How To Remove Borders From Blogger Image

We blogger very often has to use images in the blog post to make it more understandable. The better use of these images can make a blog more successful. To ensure the better uses of these images you can customize these images in different points. I this post I am gonna show how to remove borders from blogger image.

Blogger user can can make image border color transparent from Blogger Template Designer. But in this way you can not remove image border completely. As an example you can look at the above two image. The border color of the left image is made transparent by Blogger Template Designer. As a result you can see this image still has shadow border.

But the right image has no border at all. And In this post I will show how you can remove the blogger image border completely. It is very easy task to do. You just have to add a simple CSS code in your Blogger Template. Lets see how to do it...

1. First Log Into your Blogger Account and got to Dashboard.
2. Then click on Template and then click Customize button.
3. Then from the Left Panel select Advance option.
4. Now from the Right Panel select Add CSS option. Then you will get a Add custom CSS box at the right side.
5. Then Copy the below CSS code and Paste it into the Add custom CSS 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; }


6. Now click on Apply to Blog button  to apply this code.

That's it. Now view your blog and you will see that your blog image border is removed.

Stay with www.iTTimesbd.com for more IT related Post