How To Show Border Shadow To The Post Image In Blogger

When blogger user upload any image in blogger post, image seems a very simple without any borders and shadow effect. Which makes images not attractive. Showing border shadow to post image is one of the easiest and most effective things that every blogger should use. Adding border shadow to post image makes your post looks good and gives attractive effect.

How To Show Border Shadow To The Post Image In Blogger

1. Login to Blogger > Dashborad > Template

2. Now Click on Edit HTML > Proceed >   Expand Widget Templates

3. Press Ctrl + F and search the code shown below.

]]></b:skin>

4. Now Copy and Paste below code just above it.

.post-body img {
padding: 4px;
border: 1px solid #AAA;
background-color: #F0F0F0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 15px 10px -12px black;
-moz-box-shadow: 0 15px 10px -12px black;
box-shadow: 0 15px 10px -12px black;
}

5. Save your template.