How to remove Border & Shadow from images of Blogger

How to remove Border and Shadow from images of Blogger
If you are using Blogger's default template or other templates, there is a default function of those template you may be don't like is Border and shadow around images. This function doesn’t make all images important or all images look awful!
So if you want to get rid of these automatic imposed borders and shadow effect on your images of your blogger blog, read on- To make this tutorial done will not take more than 2 minutes and difficulty is beginner.

How to remove Border and Shadow from images of Blogger

  • First log into your Blogger account, select your blog,
  • Go to ‘Template’ tab, than select ‘Edit HTML’.
  • Search (Using Ctrl+F or Cmd+F) for post-body img 
  • Under ‘post-body img’ you will find these codes-

border: 1px solid $(image.border.color);
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  • Identify and Select all these codes and DELETE ‘em. Hit ‘Save Template’
Now go check out your Blog, the Border and Shadow around image gone!

This tutorial performed on Blogger’s Simple template, other template may be will have different codes for image border and shadow, Don’t worry all image related codes you always will find in ‘post-body img’ section, identify them and delete ‘em, it’s easy.

Last words, If you have any question or feedback don’t forget to mention, Chill…

Popular posts from this blog

Easily Get 50000 free Backlink for your website

13 Best Forum CMS/Script to use

7 best CMS/script for building Social networking website

Add Cool Social Media Sharing icons below posts in Blogger

6 Best Local Web Server software

12 best free Article Rewriter/Spinner you can use

Read Download Stephen King's Novels ePub & Apk

Read Download ePub Harry Potter Books & Apk

10 Best Free Flash Editor software to use

Top 6 Best Alternatives to ZBIGZ