February 5, 2012

Infomasi Social Media dan Tip Trik Online

How To : Adding Drop Shadow Image in Blogger


Advertisements

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 :

<br />  padding:1px 1px 1px 1px;  <br />  border:none;  <br />  background:#ffffff;  <br />  text-align:center;  <br /> -moz-box-shadow: 1px 3px 5px  #666;  <br />  }<br />

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. icon razz How To : Adding Drop Shadow Image in Blogger

Related posts:

  1. Dropshadowz, Another Way to Adding Drop Shadow to Image
  2. text-shadow spotlight
  3. New Feature in Blogger : Pages
  4. How To : Add Breadcrumb to Blogger/Blogspot
  5. New Feature on Blogger: Blogger Stat
Ngonoo - Technology & Social Media Updates
Post comment as twitter logo facebook logo
Sort: Newest | Oldest