How to post correct size of pictures to the blog:
Some easy tips for you for blogging correct size of pictures in google blogger:
- Open up your Blogger dashboard and go to "Theme" and then "Customize."
- Click "Advanced" and then scroll down and click on "Add CSS" and copy/paste the following picture code (or any other code than picture or copy all codes) into the white box; you can also change these codes if you know CSS programming well.
.post-author{font-size:16pt; direction:ltr;}
.post-author {font-family:'jameel noori nastaleeq', arial, tahoma, helvetica, freesans, sans-serif;}
/* --- Blog Header (Title & Description) Codes ---*/
.header {direction:rtl; font-size:16pt; text-align:center;}
.header {font-family:'jameel noori nastaleeq', arial, tahoma, helvetica, freesans, sans-serif;}
/* --- Blog Outer Background Codes ---*/
.content {background-color: Aqua;}
body {background-color: cyan;}
/* --- Comments Codes ---*/
. comment {font-size:14pt; line-height:1.8; color: MediumVioletRed;}
.comment {text-indent:56px; }
.comment {font-family:'jameel noori nastaleeq', arial, tahoma, helvetica, freesans, sans-serif;}
/* --- Pager Older & Newer Links Codes ---*/
.blog-pager-older-link, .home-link,
.blog-pager-newer-link {font-size:14pt; background-color:LemonChiffon;}
/* --- Post Body Codes ---*/
.post-body {line-height: 1.7; font-size: 18pt;background-color:white;}
.post-body {text-align:justify;}
.post-body {direction:RTL; font-family:'jameel noori nastaleeq', arial, tahoma, helvetica, freesans, sans-serif;}
/* --- Post Dates Codes ---*/
.date-header {font-family:'jameel noori nastaleeq', arial, tahoma, helvetica, freesans, sans-serif;}
/* --- Post Footer Codes ---*/
.post-footer {font-size:13px; background-color:LemonChiffon;}
/* --- Post Heading Codes ---*/
h3.post-title {font-size:24pt; text-align: center; background-color: Thistle; color: OliveDrab;font-family:'jameel noori nastaleeq', arial, tahoma, helvetica, freesans, sans-serif;}
/* --- Post Image Codes ---*/
.post-body img {width:100%;height:100%;display: block;} /* Width is important factor */
/* --- Post Jump Break Codes ---*/
/* --- Post Share Buttons Codes ---*/
.goog-inline-block{zoom:135%;}
/* ----- End of Noori Codes ----- */
- Now click "Apply to Blog" to save your changes.
- Now in new post, upload a picture & Select the picture & select "original size" and click publish.
- Your picture will now cover full post area.
- Remember, after this change, always post in original size.
Another easy way for you
Use pictures of 800px wide to 900. This will resize the height of your picture.
Aastana-e-Noori
تبصرے
ایک تبصرہ شائع کریں
پوسٹ پر اپنا تبصرہ ضرور درج کریں۔ حسنِ اخلاق والے نرم تبصروں کو سب پسند کرتے ہیں۔