31.Update to Adding frames to Images

Update to Adding frames to Images
click here for previous post

Part 1
Step1:-Log in to your blog -take back up of your present template(this is because if any errors occurred so you can continue with your old template functioning)
Step2:-
Click "Ctrl+F" search for ]]></b:skin>
Immediately before this line add the following code

.shadoweffect img {
margin: -4px 4px 4px -4px;
display: block;
position: relative;
padding: 4px;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #888;
border-bottom: 1px solid #888;
background: #fcfcfc;
}

Part2
Using this feature.
From now on words when you want to display any image in frame in your posts

Add the image link in between

<div class="shadoweffect">
img link
<div>

Demo