This site uses cookies from Google to deliver its services and to analyze traffic. By visiting this site, you agree to the use of cookies. Learn More

How To Make Images Mobile Friendly in Blogger

This Tutorial will show you how to make images mobile friendly in blogger post so that it gets responsive in mobile version, desktop and tablet.

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.

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.

how to make images mobile friendly in blogger

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

Post a Comment

© Education Galaxies. All Rights Reserved.