Kitab O Sunnat

Wednesday, March 23, 2011

How To Resize Image In Blogger very Easy

First of all, I would like to tell you that most of the bloggers resize images with style tags Like width=”x” and height=”x” in tags. But, In the tutorial I am explaining how to resize the image in your theme css.


Mostly Bloggers use these types of tags:-
Like

In order to get rid off those head-aches , just follow these simple steps to resize images in your blog. Even if you have declared different image size and width in that image code , this code will overwrite those tags and will change the width and size you mentioned in the style sheet.
First go to layout section of your blogger blog. Then navigate to EDIT HTML section. Now search for this tag there.

]]
Now add the following code above that code line.
.post img {
float:center;
min-width:560px;
max-height:260px;
padding : 10px;
line-height : 2em;
margin: 0 auto 10px auto;
clear: both;
}

In that above code , edit the max-height and min-width tags to suit your main container width and height. If you need help, drop a comment below.

No comments:

NEOBUX

http://www.neobux.com/?r=taahaijaz