Friday, July 31, 2009

How to post Big photos on your blog!

Ever wonder how to get big photos on your blog? I have for a long time and I finally sat down and researched it enough to figure it out.  There seem to be a few different ways, but this seems to be the most simple!  So here goes...

1. Save your template! If you mess it up the first time, you can always go back to what you started with.
2. Alter your blogger template- You only have to do this ONE time.  You have to have 'minima stretch' as your chosen template.  Then, go to "Customize", Layout" and then " Edit html".  You want to make sure your posting area is big enough to accommodate the larger images.
Under "outer wrapper", change only what you see in RED below:
(note: for 2-column blogs, I believe you can go up to 915 instead of my 700 under the main wrapper.)

Outer-Wrapper
----------------------------------------------- 
outer-wrapper
width: 1150px;

main-wrapper
width: 700px;


3. Upload your photo to your blog post. Choose the "large" option. The photo below is how it originally looks:

4.  Alter HTML codes for your picture.  Click on "edit Html" in the upper right hand corner of your post, next to "compose".

5.  There are 3 numbers to change: Change the numbers in red to the blue numbers below:

300px; height: 400px; src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBRctjAV0-2qR2h-BXT05H_k6pobHZRCZwk48QJcJrFNSUl6hjq8IgAOhyYJZL_0HZd5ScInTcvwDc77aAJ8W8v_WeNJAY0c67wYlItVLZcG6zf99FFth5cpoVVMINZFEOZWq8699dGk4/400/100_2562.JPG" border="0" alt="" id="BLOGGER_PHOTO_ID_5364614918149483506" /

480
px; height: 640px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBRctjAV0-2qR2h-BXT05H_k6pobHZRCZwk48QJcJrFNSUl6hjq8IgAOhyYJZL_0HZd5ScInTcvwDc77aAJ8W8v_WeNJAY0c67wYlItVLZcG6zf99FFth5cpoVVMINZFEOZWq8699dGk4/640/100_2562.JPG" border="0" alt="" id="BLOGGER_PHOTO_ID_5364614918149483506"

Here is the altered BIGGER photo...
5.  Here's the only confusing part: The numbers you change depend on the original size of your photo.  Whatever the size, add (up to) 60%, and that will be your new number.  For example, 200px + 60%= 320 px.

1 comments:

Beth Goff said...

THANKS!!!! I have been wondering how to do this!!!! He's SO CUTE!!