Social Icons

Same width for all Blogger images

If you are a blogger, you'd definitely take efforts for you blog to make look nicer. I've been looking for various ways for formatting my images on my blog and honestly until now I've been doing them manually for each image. So every time I change the width of the blog or change the template, the images all go may-hem and looks ugly.

On one of my recent "hunts" for formatting blog images, I found this code. And what this does is format all the images to a fixed width. The height automatically adjusts, so yay! 

So, this is what you need to do. 
This works on Blogger as of 1/16/2013. 

Go to Template, and click Customize.
Then go to Advanced and then click Custom CSS.
Copy and paste this code. Then click on Apply to Blog

.post-body img {
width: 400px;
height: auto;
}
.post table.tr-caption-container img {
width: 400px;
height: auto;
}


You can change the 400px to any value you want.

I forgot to bookmark the site from where I got this code, so if the origin site owner comes across this page, please do contact me, will be pleased to give you credit.  

No comments:

Post a Comment

Let us know if this post helped you.
Comments may be moderated, and may not appear immediately.

 

About the Author

Kusuma Chandrashekar currently lives in San Francisco, CA. She enjoys learning new things, especially related to technology which makes her tasks easier and faster. She is also a DIY lover, and likes to spend her time on her craft projects when she is not reading or blogging.

Search This Blog

Loading...

Plagiarism is wrong!

Do not reproduce without permission.
Thank You.