How to use Large Images on blogspot.com

Posted September 29, 2007 * Comments(5)

I just posted about making your Blogger Blog wide enough for posting full size images on your blog but that one only worked if you were using Blogger on your own domain with the basic template. If you want to keep your blog on the blogspot.com host and modify the template here is what to do.

Step 1
Login to your Blogger account and then go to “Template”, once your there you will have an option to download a backup of your template before you start. This is a good idea incase you want to revert back later.

Step 2
Find the code listed under “#header-wrapper {” and change it to 970px like you see below. This sets the overall header width.

Step 3
Find the code listed under “#header .description {” and change it to 970px like you see below. This sets a limit of the overall width of your blog to keep things clean.

Step 4
Find the code listed under “#main-wrapper {” and change it to 720px like you see below. This sets the width of your post section and will allow you to post images up to 720px wide.

Step 5
Find the code listed under “#footer {” and change it to 970px lik you see below. This sets your footer to match the rest of your new wide blog.
That’s all for the template section, preview your template and then save it if your happy.

Step 6
The last thing you need to do is modify the image width in your posts. See the image below and see where you can modify the width of your images that are actually hosted on Google’s Picasa. Change the width to 720 to match the “#main-wrapper {” width.

Your done. Keep blogging and post your images full size.

Thanks for subscribing to the Seth McAllister Photograph’s Blog. All images ©Seth McAllister

5 Comments so far

  1. Anonymous on January 30th, 2008

    This tip is very helpful.

    How do you place your text (archives, links, etc.) to the left of the posts with large images?

  2. sethmcallister.com on January 30th, 2008

    What do you mean? “How do you place your text (archives, links, etc.) to the left of the posts with large images?” Do you mean to the right? Because my site is setup with all the archives and links to the right of the posts. I am running my blog on my own server, not on the blogspot.com server. The service is totally different. Please check out the Blogger help section for more info.

  3. Sam Chinigo on March 7th, 2008

    What I think he means is..when you perform the edits you have outlined, it pushes the right side elements down to the bottom of the page. You need to edit some other parameters so that everything floats in the center of the page. I have tried your procedure and the layout does not work.

  4. sethmcallister.com on March 7th, 2008

    Hey Sam,
    Thanks for the comment. I am sorry it didn’t work for you. Blogger has updates some things since I wrote this post and I need to update it. I just have not had time. I will try to get to it soon.

    Thanks

  5. Hillis Photography on September 23rd, 2008

    Seth, I couldn’t find the code to change the picasa size images to 720. Any suggestions on finding this.

    A.

Leave a Reply