How To Make Images Mobile Friendly in Blogger

In this Tutorial, I am going to show you how to make images mobile friendly in blogger post so that it gets responsive in mobile version and your blog becomes Mobile friendly, SEO friendly and User friendly.

Also Read:

1. How To Add Download Button In Blogger Post

2. How To Add Demo Button In Blogger Post

3. How To Add Buy Now Button In Blogger Post

4. How To Add Table Of Contents In Blogger Post

5. How To Serve Images In Next-Gen Formats In Blogger Post

Blogger Dashboard

Go to your Blogger Dashboard.

Theme section

Go to 'Theme' section.

Customize Button

Click on 'Customize' button.

'Advanced' Drop Down

Click on 'Advanced' Drop Down Menu.

'Theme Color' Drop Down

Click on 'Theme Color' Drop Down Menu. After that scroll down to bottom of the 'Theme Color' Drop Down Menu to find 'Add CSS' option.

'Add CSS' Option

Click on 'Add CSS' Option.

Copy The CSS Code

Copy the CSS code given below:

.post-body img{height:auto!important}

Paste The CSS Code

Paste the CSS code in 'Add CSS' box.

Save The CSS Code

Click on 'Save' button present in below right corner.

Check Images of Blog Post

Check your Blog Post Image.

Watch This Video To Learn Visually

Thanks for Visiting!

Follow us