3/16/2013

How to make photos larger on blogger

For those of you that would like to make your photos larger than the sizes offered by Blogger, here's a quick tutorial on how I enlarge the photos on each post.

Note: I don't change the template to make all photos larger because I don't always want them all larger. These directions must be repeated for each photo on each post.

Be brave! If you mess up, you can always remove the pictures and reload them onto your blog.

Here we go....

1. Load the photo as you usually do. This is what you get.


2. Click on the photo and you will get a row of options at the bottom in a blue box. Click 'X-Large' to get the size below.

3.Now click 'HTML' in the top left corner next to the 'Compose' button. You will see something like this. It will NOT look exactly like this.
It looks scary, but don't panic! You are only looking for two specific areas.

<a href="http://1.bp.blogspot.com/-lAtLucvh2Ug/USwN_dGgPvI/AAAAAAAAi-Q/CxJ4-Y2VYLs/s1600/IMG_1101.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="480" src="http://lAtLucvh2Ug/USwN_dGgPvI/AAAAAAAAi-Q/CxJ4-Y2VYLs/s640/IMG_1101.jpg" width="640" /></a></div>
4.Now, ignore everything else and look for the part that says 'height="480" and 'width="640", [highlighted in red above].

Change the numbers "480" to "640" and change the numbers "640" to "860". The photo will be correctly sized even if you have cropped the photo and the height is not exactly 480 and the width is not exactly 640.

5.Click 'Compose' in the upper left corner to return to the page where you are writing your post and your photo should be this big.


You did it!!

Post a Comment