How To : Adding Drop Shadow Image in Blogger

Posted December 17th, 2009 | View Comments

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. : P. It would be nice if your images have a drop shadow effect.

Well, 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:#ffffff;    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.

image post How To : Adding Drop Shadow Image in Blogger

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

Incoming search terms for the article:

css shadow images to blogger images (6)Drop shadow blogger (6)Drop shadow image blogger (5)blogger drop shadow (5)html shadow blogger (3)how to shadow images blogger (3)add drop shadow to blog (3)blogger remove shadow (3)how to put shadow in blogger (3)image style blogger shadow (3),

Do you like this post? Subscribe to our RSS now!

If you have enjoyed this entry. Please feel free to bookmark it using your favorite social bookmarking site
Blog Traffic Exchange Related Websites
  • Professional Blogging Roundup: All Saints Day Edition Happy All Saints Day, one day late, from Buildify. We hope your weekend has been productive and if it hasn't been yet, well we have another list of links for you to read through for some blogging ideas to help you get started. Corporate Blog Medium Shifting in Large Way......
  • Quick and Dirty Tips for Effective Corporate Blogging, pt 5 The last four blog entries (1, 2, 3, 4) have touched on eleven vital tips for crafting good blog entries and keeping your corporate blog going. In the last tip in the previous blog post, we talked about putting together a checklist to make sure that all of the most......
  • Introduction to Photo Blogging Photo blogs, which are also commonly referred to as photologs or phlogs, are great examples of the tendency for people to keep connected to one another at all times, as well as to share as much information as is possible with people who are virtually strangers to them. Photo blogging,......
  • Projecting the Right Image of Your Company Through Your Corporate Blog Few people realize how powerful a blog can be when it comes to projecting an image to the public. Words have a power all their own and the wrong ones may sink your company’s reputation. Before you even start your own corporate blog it is very important to first come......
  • 4 Things Bloggers Do WRONG! I’m a very prolific blogger and read a lot in my blog community and in other blog communities. I can’t stand some of the things I see and if I have a problem, I can guarantee other readers of your blog do too. Here are four things bloggers are doing......
blog comments powered by Disqus

Page optimized by WP Minify WordPress Plugin