Thursday, January 21, 2010

How to post bigger pictures in Blogger - 8 easy steps



Oh how happy I am that I figured out how to post pictures bigger in blogger without having to use an outside hosting site! And because I wish I could have avoided using trial and error for 3 years to figure it out, I want to share this valuable information with YOU!

This topic is important to me as a photographer and for this reason: Did you know that if you want to create Blurb blog book (or hire me to do it for you) that you will more than double your work if you host pictures outside of your blogging platform or if you use LiveWriter to compose your posts?

So what's the secret that will save you time and a whole lotta hastle?

1) Upload your picture to blogger (chose the large size)
2) click on the 'edit Html' tab (If you can see your photographs that means you are in 'compose' mode - you need to be able to edit the code to increase the size of your images.)

***It should be obvious, but this method only works for the wide column templates....sorry i can't help with other sizes, this is the only way I know that works.***

3) look for the numbers that I highlighted in a portion of the photo code below (Note: much of the code has been deleted, but this should suffice for finding the three numbers you have to change.)


width: 400px; height: 267px;" src="http://2.bp.blogspot.com/_/S1jC2Y_uI1IVrd_XSdXJSY/s400/_MG_9677PS.jpg" alt="" id="BLOGGER_PHOTO_ID_" border="0" />/a >


4) Subtract the purple number from the red number. 400-267 is 133. (This number can vary depending on the size of your photo. Don't worry if your numbers are different. What's important is that you get the ratio correct.)

width: 400px; height: 267px;" src="http://2.bp.blogspot.com/_/S1jC2Y_uI1IVrd_XSdXJSY/s400/_MG_9677PS.jpg" alt="" id="BLOGGER_PHOTO_ID_" border="0" />/a >

5) Change both of the 400's to 800's (keep the 'px' and 's' intact)

6) Subtract the result of step #4 from 800 In my case, 800-133 is 667.

7) Replace the purple number with the result from step #6.

8) click on 'compose' and enjoy your bigger and better pictures!

Please let me know if this works for you - This is the only blog that I've tried it on and I'd love to know if you find it successful as well! If you know an alternative way to post larger pictures feel free to leave the instructions in the comment section. Consider it your good deed for the day :)

15 comments:

Tina Fisher January 21, 2010 at 4:01 PM  

Hey Carrie,

All I have to do in blogger is hit large, xl or small or smallest and it will automatically change my picture size.

No messing with my html code.

Erin January 21, 2010 at 6:15 PM  

Yeah but it wont get that LARGE :) Did you use an action for that picture?!?! Love the loook of it!

Jenilee January 21, 2010 at 6:23 PM  

the picture is adorable! and I love it big! :) I enjoy playing with the html. I hadn't tried that trick yet. :) thanks for the info!

Elena January 21, 2010 at 6:40 PM  

Carrie-- great idea! I think that if you just multiply each of you numbers by the same amount you'll keep your proportions intact (and it's easier).

In your example you'd go from 400 by 267 to 800 by 534. Does that make sense?

Cari January 21, 2010 at 7:24 PM  

can't wait to try it...dealing with livewriter with blurb just stinks

Melissa January 21, 2010 at 9:16 PM  

This blog post below has easy to follow instructions with pictures as well if you want to play around with the html to make your pictures. I thought it may be helpful for those that are visual.

http://memoriesoncloverlane.blogspot.com/search/label/How%20To%20Make%20Your%20Photos%20Look%20Larger%20On%20Your%20Blog

Secret Mom Thoughts January 22, 2010 at 11:50 AM  

I'll try it. Thanks for the info.

Paige January 22, 2010 at 2:26 PM  

I tried it on a picture I did not post...but that was amazing!!!!!!

Thanks!!!!!!!!!

Allie January 23, 2010 at 9:55 PM  

Thank you for showing us how to do this. I have always wanted to learn how to do this. How do you get a picture in your heading of your blog? I haven't figured that out yet.

Sara January 24, 2010 at 2:46 PM  

If I ever get around to downloading a good picture (which I guess would suppose that I have actually taken a good picture recently) I'm going to try this. New stuff is fun. Thanks!

Paula February 2, 2010 at 6:08 PM  

Carrie thanks so much for sharing your awesome tip. I love the pics bigger but mine now are a tag fuzzy...do you have any idea what I did wrong?
Paula

Jaspy April 22, 2010 at 9:27 PM  

although it gets the job done... it stretches the pic and pixelizes it =(

AS January 2, 2011 at 3:06 PM  

Great instructions,, it worked... only problem is my main blog area is not wide enough, so the pictures overlap the side bar. How did you make your main area so wide?? I'm having trouble figuring out the html for this. THanks!

Laguna Dirt January 11, 2011 at 11:46 AM  

hi carrie,
thank you SOOO much for this helpful post! and i had luck making my photos larger, and i'm sOOO happy about that! i can't tell you hour long i spent online trying to find a clear answer that worked!
very grateful!!

Nick and Dani January 16, 2011 at 2:42 PM  

Wow, I've been searching for an understandable explanation on how to do this for months!!! Thank you SO much! I also had the old blogger template, so I switched mine to the new one so my area could be wide enough. My picture is perfect and not blurry because my camera has 10 pixels.

Forest Friends

Campground Chronicles - The Archives

My Talented Blog Designer

  © Free Blogger Templates 'Photoblog II' by Ourblogtemplates.com 2008

Back to TOP