How to Create a Drop Shadow Image

Drop Shadow is a shadow effect arising on an object, can in a box, tables, and pictures. Try to note the existing image on every post this blog. All these images have shadows that make it looks more attractive. To create a drop shadow can we do on some photo editing software like Adobe Photoshop. But gimna if all of our posts have images that will be given a shadow and a polynomial? Duh, dizziness can happen ... Relax, by reading these tips through to completion you will know how to give the drop shadow on the picture post with just using a simple css code.

Here's How to Create a Drop Shadow Image

1. Login to your Blogger account, then select Layout> Edit HTML

2. Find the code ]]> and then paste the following CSS code right above it:

1. . drop-shadow img {  
2.      background: url (http://i30.tinypic.com/1qsh1h.jpg) no-repeat bottombottom rightright;  
3.      padding: 10px 10px 5px 5px;  
4.      }  

3. Find code <data:post.body/>, then replace the code with the following code:

1. <div class='drop-shadow'><data:post.body/></div>  

4. Finally, click Save Template and see the results.

Good luck ...

Do not forget the love of his comments ...