How to post correct size of pictures to the blog:

Some easy tips for you for blogging correct size of pictures in google blogger:

  1. Open up your Blogger dashboard and go to "Theme" and then "Customize."
  2. 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.
/* ----- Start of Noori Codes ----- */
/* --- Author Name In Post Footer Codes ---*/
.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 ----- */


  1. Now click "Apply to Blog" to save your changes.
  2. Now in new post, upload a picture & Select the picture & select "original size" and click publish.
  3. Your picture will now cover full post area.
  4. 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.


for more info, Correct Image sizes for Blog
Aastana-e-Noori

تبصرے

اس بلاگ سے مقبول پوسٹس

مبین والی آیات قرآنیہ

Advantages of Using Urdu Phonetic Keyboard

حدائق بخشش کی مکمل شاعرانہ تقطیع