Adding Borders to your Images

A great way to spice up your images is to add borders in it with the use of CSS. You can use borders to make different effects like drop shadow and framed effect. This can help you bring life to your blogs. Here in my blog I used drop shadow border effect to the images in my posts to make it look floating and that is what I'm going to show you..

To do this first log in to your account -> Layout -> Edit HTML -> Under the Edit Template Box, Find .post img this class refers to all images in all your post.

Next is to add this code:

border-right: 2px solid #ccc; /*#ccc = color "gray"*/
border-bottom: 2px solid #ccc; /*#ccc = color "gray"*/
padding: 5px;
background: #fff;

drop shadow codeThen click Save Template and were done! Check all your posts images to make sure it's working. If you have any idea or suggestions please feel free to share it here.