Food Fun Family

A family lifestyle blog about food, family, entertainment, travel and family-friendly products.

  • Home
  • Food
    • All Recipes
    • Main Dishes
    • Desserts
    • Side Dishes
    • Vegetarian dishes
    • Delicious Dishes Recipe Party
    • Recipe Round Ups
    • 15 Minute Suppers
    • Recipe Box
  • Family
    • Tips for Moms
    • Family life
    • Holidays & Celebrations
    • Savvy Living
  • Creative Life
    • Crafts + projects
    • DIY Bath & Body Products
    • Printables and Activity Sheets
    • Photography Tutorials
    • Give Me Your Best Shot – Photostory Friday
  • Travel
  • Entertainment
    • Giveaways
    • Book Club
    • Movies
    • Printables and Activity Sheets
    • Blog prompts
  • About
    • Contact Me
    • Privacy Policy
    • Advertise
    • Site Map – Find Your Way Around
  • Lollidale Goats
    • Our Does
You are here: Home / Photography / Foto Friday–The Big Picture

Foto Friday–The Big Picture

Friday, May 22, 2009 by Lolli 6 Comments

People often ask me how I get the photos on my posts to be larger than the standard blogger uploads. There are actually three ways that I regularly use, so I thought I’d spend today sharing my not-so-secret tricks.

Here’s a typical blogger picture, centered (“large” selected at time of upload):


And here’s the size I typically post:

And, here, my friends, are a few ways to get your pictures to appear larger on your blog.

First, my most important tip: I reduce the size of all of my pictures before uploading them to blogger, flickr, or photobucket, so that I start out with an image that is exactly the size that I want it to be within my post. It makes the next steps so much easier. (FYI–my images are 2592 x 3888 pixels to start, but my blog is only about 550 pixels wide. So I reduce my photos to 520px wide)

Blogger upload:

1) Upload a photo on blogger using the standard upload tool (select large)

2) Once your photo has finished uploading, click on the Edit Html tab. Below is what your photo will look like in html:

3) Notice the part of the code that is highlighted in blue? Find that entire phrase (width: 267px; height: 400px;) and delete it.

4) Right below the spot that you just deleted you will find /s400/.

5) Change the s400 to s640. I have tried entering different numbers here, but only 640 seems to work. Who knows. So I don’t mess with it.

6) Click on your Compose tab and you will find a larger picture!

7) If you haven’t reduced the size of your picture to fit your blog and need to make your picture smaller at this point, all you have to do is click on a corner of the photo (in Compose mode) and drag it in til it is an acceptable size. A little box pops up so that you can see the dimensions as you go.

Flickr:

1) Upload your pictures onto flickr.

2) Click on the photo that you would like to add to your blog and find the spot on the right side that says “Share this.”

3) Click “Share this” and a menu box will appear. Find “Grab the HTML” and click on it.

4) Copy the code in that box and paste it within your post. Make sure that you paste this code into the HTML tab on your post.

Photobucket:

1) Upload your pictures onto photobucket.

2) If you move your mouse over a picture, a menu box drops down below that picture. Find the HTML code, highlight it, and copy it.

3) Paste the code within the HTML tab on your blog post.

———————————————————————————————————————
Here are how each of the images look on your blog:

Hopefully that all made sense! :)

PS–for those of you not familiar with Reese’s famous ham bone picture…..That’s a ham bone in her hand, after being cleaned of most of the meat and then boiled in a big pot of black beans.

**PPS–I’ve had a couple people mention that they recommend using Windows Live Writer. Does anyone know of a free program that works for Macs?

© 2009, Food Fun Family. All rights reserved.

About Lolli

Lolli has written 3740 post in this blog.

I became a mom in 1996, and in 2005 I had my fifth. Yes, 5 kids. In 2007, this blog was born (my 6th baby that will never grow up) and I've been sharing recipes, photography tricks, parenting tips, and everything in between. (Formerly Better in Bulk)

  • View all posts by Lolli →
  • Blog
  • Twitter
  • Facebook

Filed Under: Photography, Tutorials

« If I Were a Butterfly…..
Fix-It Friday–Ponytail Princess »

Comments

  1. Lolli says

    Friday, January 15, 2010 at 3:07 am

    I'm glad it worked for you!

  2. Chandra says

    Friday, January 15, 2010 at 2:57 am

    Wow! I'm glad I looked through your photo tips! I just tried this and I love it! Everything else that I tried pixelized (is that a word?) my images. I wish I would have looked through your tips sooner! Thanks for the help.

  3. Caroline says

    Thursday, January 14, 2010 at 3:55 am

    A little research shows me that the blogger sizes are 144, 288, 320, 400, 576, 640, 800, 1600
    Just thought that might be useful to know for folks out there.
    If you use a simple single column template in blogger it is not to complicated to make it wider (as I did for my photoblog). It gets more complicated if there are images embedded in the template and stuff, but otherwise it's easy to make it accommodate a wider photo :D

  4. Lolli says

    Thursday, January 14, 2010 at 3:28 am

    Thanks! I think the biggest challenge with many blogger templates is
    the size restriction. That's what I was hearing over and over from
    people asking me. I could only post up to 520px wide in my posts on
    blogger. Now that I am on WordPress, I have a lot more flexibility,
    which I love! I also have a feeling that Picasa works more smoothly
    with PCs vs Macs, but that's just a suspicion. :)

  5. Caroline says

    Thursday, January 14, 2010 at 3:24 am

    Also Picaseweb (which works very smoothly with blogger) allows you to choose the size of the image you want to embed and is very easy to use :D

  6. Caroline says

    Thursday, January 14, 2010 at 3:22 am

    In Blogger you can use s720 and s800 & even s1600 if your template allows for it!!

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

  • Facebook
  • Google+
  • Instagram
  • Pinterest
  • RSS
  • Twitter

Copyright © 2025 · Foodie Pro Theme by Shay Bocks · Built on the Genesis Framework · Powered by WordPress

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish.Accept Read More
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.

Necessary Always Enabled

Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.

Non-necessary

Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.