Show Mobile Navigation
, ,

How to Make Fit Images According to Blog

Hemant Verma - 6:08 PM

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


3 comments:

  1. i was looking for it, nd it is working on my blog.

    can u plz give this template?

    ReplyDelete
  2. This just made my text larger rather than making my photos longer. I don't know if I've got the wrong code or something but is there one in order to make photos a little longer rather than so condensed? Thanks :)

    ReplyDelete

You may use these HTML tags and attributes: <a href="" title=""> </a> <b> </b><strong> </strong>

 



Make Your Blog Like a Pro
About | Contact | Affiliates | Privacy Policy | TOS