About   All Tips   Tips by Category   Tips by Ability   Help!

Posting Bigger Images

Ever want to include larger photos in your posts than Blogger's uploading tool allows?


In this tutorial, I will show you how to put larger images into your posts. The picture above of me in my wedding dress was loaded on the large setting via Blogger's uploading tool. We will make it look like this:



No template tweaking required, though you will have to dive into the HTML of your post. As always, when you're working with HTML, use caution not to add or delete any characters other than the ones you intend to change.

How to enlarge images for your blog posts:


1. Load the image as a 640x480 image to Photobucket- it's free! You could use any image hosting website, but the instructions and images below were made with using Photobucket, which is what I am most familiar with.

2. Copy (ctrl+ c) the image's HTML code (highlighted in blue above). You may need to hover below the image to make it appear.


3. Open/create your post and click on 'edit html'.


4. Paste (ctrl + v) the HTML code of your image into your post where you would like the image to appear. I have underlined the HTML code of my wedding photo in red so that you can find it easily. Notice how I centered the image (underlined in blue).

5. Preview. If you like it, save. If not, you'll need to resize the image in Photobucket. To make the image larger, you will need to upload it as something bigger than 640 x 480. To make it smaller, click on 'edit' above the image to use PB's resize tool. Just be sure to check the 'constrain porportions' box.

****A word of caution: If you wish to delete your photo from your post, make sure to do so by clicking on 'compose', clicking on the photo, and hitting delete. I would not recommend erasing the characters in 'edit HTML' mode, as you may accidentally erase the wrong characters and risk losing all or part of your post.

14 comments:

Susie Jefferson said...

Oh, love it! That is sneaky. As always, a perfect and precise tutorial which I will have no problems in following. Hooray! Let's hear it for Big Pix.

Elaine at Matters of the Heart) said...

Love using bigger photos. I'm actually thinking of a new look. I have a specific thing in mind, when I'm ready I'll see if it falls into something you do. I would rather give you the business if you want.

♥ Boomer ♥ said...

You are so clever...and I still need to try what you sent me about embedding photos to where visitors don't leave your blog if they click on a pic!

Amanda said...

I already knew how to do this, but I am so glad you wrote a tutorial on it. Your explanations are always so clear and easy to follow. Most of the ones I have on BBD link back to you.

kaye said...

I found a tutorial that taught me how to do it right in my post (no need for photo bucket). If you are interested go to this URL.

http://southernhospitalityblog.com/fa-la-la-and-a-blog-tip/

Leslie said...

Thank you, always!! You're soooo cool to know all of these techniques and to share them :)

Leisel said...

Hi Sneaky Momma,
Thank you so much for the great turtorials! I've done this before but I've always had one problem. When I use a picture that was taken horizontally (like the one with the wedding dress, great pic, by the way) it cuts off the right side of the picture. No problems with vertical pics, obviously because they are up and down. Got any idea what's happening? I would love to fix that problem!

LanceandMandyBird said...

I LOVE this blog!!! It has helped me with just about everything I do on my blog! I don't know what I'd do without your help! Thanks so much!

Melissa A. said...

Thank you so much. I have been looking at new blog designs thinking if I had someone who was qualified make me a new design, that they could make the pictures bigger for me too. I have been trying to figure this out for awhile now, until I found your post yesterday. I just posted a lovely interior design post today with bright big beautiful pictures. Thank you again. I have bookmarked your sight for future use.

nativa said...

Hi Sneaky Momma,
Once again, I just wanted to say great job to you. I just implemented this tip and this is what the result looks like
http://passforphoto.blogspot.com/2009/09/large-images.html

As you will notice, I have added a link to your blog.

Keep up the good work!!!!

WhitneyB99 said...

I love your blog tips they're great! Whitney's Random Ideas

monstergirlee said...

ding ding ding ding ding! YAY! This is what I was looking for. I tried it using the HTML stuff myself and didn't quite work out.
I'm not a big fan of uploading one place, then another because my connection is achingly slow but I do want to post larger photos.
Thank you so much!!!!

Yankee Mama said...

Oh I love you! Thank you!!!

Yankee Mama said...

I just tried to do it but am missing the edit html withing my blog post. Did they change something since you psted this or am I missing something? Bummer.:(