Introductions:
1. Access to Blogger:
- -Access to the Blogger Dashboard (Dashboard)> Layout (Layout)> Edit HTML (Edit HTML)
2.Adjust min and max size of images displayed in Blogger:
-- To display a fixed image in the blogger, with more images to the MAX value is automatically adjusted to the MAX value, if the image is smaller than the min value will be adjusted in size min, you find:
]]></ B: skin>
--And placed before the ]]></ b: skin> following code:
. Post img (
--If you want all images displayed in the article has a fixed size of 500 x 400, you just replace the code above guided by:
max-width: 500px;
min-width: 200px;
padding: 10px;
clear: Both;
)
. Post img (
Now that the image displayed on your Blog size is fixed width 500px and height 400px.
width: 500px;
height: 400px;
padding: 10px;
)
Note:
--If such images are not displayed correctly or not, you find the tag. Post in Blogger img>> Layout>> Edit / Htmland edit them.
Fixed overflow frame images in Blogger posts
Thursday, 7 October 2010 by nkoknki |
1 comments
Lots of errors encountered Blog overflowing image size displayed in the blog post. Solved this problem is relatively simple command line in the CSS.
Source: Internet
Subscribe to:
Post Comments (Atom)
1 comments:
.post-body img {
width: 400px;
height: auto;
}
copy the above code and into post section if you want to change the size replace you own size and enjoy.
Post a Comment