30.Put your images in Frames blogger demo

Saturday, November 7, 2009

Put your images in Frames

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 ]]>
Immediately before this line add the following code

.m10 {margin:10px;}. .b3sfuschia {border:3px solid #9966ff;} .b3sfff {border:3px solid #ffffff;} .b1s000 {border:1px solid #000000;} .black {background: #000;} .framedimg {display:block;} .fl {float:left; clear:left;}
Part2
Using this feature.
From now on words when you want to display any image in frame in your posts
For Pink frame
<div class="black m3 b3sfuschia fl">
enter your image link here
</div>
For Black frame
<div class="black m3 b3sfff">
Your Image link here
<div>
Demo

Images in Normal Mode




Images after Adding Frame




0 comments:

Post a Comment

Track

Search My Blog

Loading