CSS Style Adding Drop Shadow Image in Post Blogger

Images can explain things better than hundreds of words in a blog post. You’ll spend a lot of energy to explain the beauty of a woman if you only use words. You just show a image of a beautiful woman, and the visitors will understand what did you mean. It would be nice if your images have a drop shadow effect.

Here you can Adding Drop Shadow Image in Post Blogger, how to decorate the images in the blog posts with a drop shadow effect. Very easy, basically you must find th image CSS styling in your Blogger XML template. Then, replace the styling with this CSS :

padding : 1px 1px 1px 1px;
border:none;
background:#fff;
text-align:center;
-moz-box-shadow: 1px 3px 5px #666;

Example :
My Blogger template uses class post for blog post, so all my images (img) are included in that class. So, I changed my image styling for class post.

.post img {
padding : 1px 1px 1px 1px;
border:none;
background:#fff;
text-align:center;
-moz-box-shadow: 1px 3px 5px #666;
}

That’s all you have to do. It works on Newest browser. So don’t use oldies web browser to test your work