Add Shadow Effect and border for blogger post images

Your photo will be nice looking after use of Shadow effect and border.

First Methode (edit HTML)

Step-1: 

• Sign in to your blogger account
• Click on theme ‣‣①
• Next click on Edit HTML ‣‣②

• Click your cursor anywhere in the code box and then hit CTRL + F to open a search box ‣‣③ and search for this code:

.post-body img

• Select image code of box selected ‣‣④

• Now replace with this code ‣‣④

.post-body img {
padding: 1px;
background: transparent !important;
border: 9px solid transparent !important;

box-shadow: 3px 3px 10px rgba(0, 0, 0, .3);
}

 Now click on save theme. That's all... work is done.

2nd Method 

If you used customize theme from another site or person. For this you can not change with First method. so now follow this method.

Step-1:

• Sign in to your blogger account
• Click on theme ‣‣①
• Next click on Customize ‣‣②

Step-2:

• Click on Advance ‣‣①
• Next Click on Add CSS ‣‣②
• Next past this code in white box ‣‣③, then click on Apply to Blog ‣‣④

.post-body img {
padding: 1px;
background: transparent !important;
border: 9px solid transparent !important;

box-shadow: 3px 3px 10px rgba(0, 0, 0, .3);
}

That's all... work is done.

If you want...... change of Shadow color and size..... Just follow below steps

Customize step: 

• If you not want border, replece 9px to 0px
• If you want to change shadow size, replace 10px to another size
• If you want more deep color, replace .3 to another