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
very helpful for me.
ReplyDeletei was looking for it, nd it is working on my blog.
ReplyDeletecan u plz give this template?
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