How To Make Your Blogger Posts Images Responsive?

By Default when you will upload an image to Google Blogger then i will ask you about its size like shown in the below screen shoot. So it means that you will have the fix size of image that will go messed up when your size will go short in width so you have to make it responsive in the better way.

So now here we are gonna a little hint to make your all posts images responsive for any size of platform here perfectly. Just garb the below code and add it in your blogger and your all images will go perfect. You just have to make sure that you are no adding inline CSS to your images.

Features:

1.) Pure CSS Added.
2.) No JQuery Added.
3.) No JavaScript Added.
4.) Simple And Fast Loading Code.
5.) Can Work With Any Browser.

How To Add In Blogspot?

1.) Go To Your www.blogger.com
2.) Open Your Desire “Blog”.
3.) Go To “Template”.
4.) Click “Edit HTML”.
5.) Now “Click” Within Code Box.
6.) Press [CTRL+F] To Search </head> Code.
7.) Now “Copy” The Below Code And “Paste” It Before </head> Code..
8.) Click “Save Template” And Done.

CSS:

<style>.post-body img {
max-width: 100%;
max-height: auto;
display: block;
margin: auto; 
}</style>

Customization:

1.) Edit Your CSS Options As Per Your Requirements. Rest Is Ok For General Us. If You Are Pro, Then You Can Do Any Thing.

Last Words:

That’s all we have. If you have any problem with this code in your blogger template then feel free to contact us with full explanation of your problem. We will reply you as time allow to us. Don’t forget to share this with your friends so they can also take benefit from it and leave your precious feedback in our comment form below. Happy blogging, See you in next article