Border Shaded Effect With Css On Blogger Posts images

This is very easy tutorial,in this tutorial i will teach you how to add shadow effect on Blogger post images using css.This effect will be applied to all the images with a single change in css code.This shadow effect looks very cool compared to normal image,and this will attract your visitors too.

Preview

How to get this style?

Step 1: Go to blogger’s template>edit html

Step 2: Search for .post img

Step 3: Now just change

.post img {

padding:10px

}

to

.post img {
border:1px solid #CCC;
border-radius:4px 4px 4px 4px;box-shadow:0 1px 11px rgba(0,0,0,0.15);padding:4px
}

Now you are done!! it’s very simple trick…isn’t it?This effect will be applied to all the images with a single change in css code.This shadow effect looks very cool compared to normal image,and this will attract your visitors .