https://1.bp.blogspot.com/-WQbKcerCTwQ/WZSmGrkAeII/AAAAAAAAfQQ/1gxy6fbjWYMc2dS-4DMET0WGHH_LbrgYQCLcBGAs/s1600/1raising-cubs-final-header.jpg

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:

  1. 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.

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

    ReplyDelete
  3. 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!

    ReplyDelete
  4. 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?

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

    ReplyDelete
  6. 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

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

    Thanks!!!!!!!!!

    ReplyDelete
  8. 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.

    ReplyDelete
  9. 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!

    ReplyDelete
  10. 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

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

    ReplyDelete
  12. 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!

    ReplyDelete
  13. 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!!

    ReplyDelete
  14. 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.

    ReplyDelete

Canoe camping with kids

I've been sharing highlights from our recent trip to the BWCA on Instagram . The spot we go is perfect for families with young kids beca...