Saturday, December 1, 2012

How to Make Fit Images According to Blog


When we start to post any thing in our blog with images then we have to keep a one thing in mind that will our image completely fit according to our blog ? and when images doesn't fit according to out blog then use start to do change size of your image like small, medium, large, x-large etc. After adding this codes you don't need to adjust your image width just install the codes and see magic.



Make Image Compatible with your blog

  • Login to Blogger > Dashborad
  • Click on Drop Down Menu and select Template
  • Backup your Template before making any changes to your blog
  • Now Click on Edit HTML > Proceed > Expand Widget Templates
  • Press Ctrl + F and search the code shown below. 

]]></b:skin>

  • Paste below code just above it.

img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

  • Now Save Your Template and You are done.

Credit- Paul Santosh


If Any Problem Comes, Ask in Comments

0 comments:

Post a Comment