Wednesday, December 14, 2011

Make Your Pictures the Same Size in Blogger

Okay. I didn't feel like you guys enjoyed my first attempt at this tutorial. I mean, I want you to weep with joy at having finally found a way to make your pictures the same width in your (blogger) blog. So, in a much more concise fashion, here's how you do it:
Step 1. Insert your picture.
Step 2. Click on the picture, select "Original Size"
Step 3. Select "Edit HTML". Find the phrase <img and add the following code: width="465"

(Use whatever pixel width you want all your images to be, this might take some trial and error).

You're all done! Is that more helpful?

♥ Shannon

18 comments:

  1. That was really helpful! Thank you!

    ReplyDelete
  2. No no, thank YOU, Ashley & Vicky!

    ReplyDelete
  3. I've just used your lovely, simple and easy to follow instructions to make my photos the same size! Woo! Thank you! You've just made life a little bit easier now :) I've been trying to work it out without using html since I hate it and don't really understand it, and now I know how....simple bit of code :) Thanks!

    Do you know how to get rid of the wee faint borders I have around each of my photos on my blog? You don't seem to have any. It kinda ruins it when the image itself isn't square but has a square border round it. I've tried playing around with different template formats, but still can't seem to have any luck. But you seem to be having success. I don't think I'm explaining it very well, but if you have a wee look you'll see it, especially on my face-tag which has a really organic shape but ruined with a border.

    Hope you have some ideas. I really love your blog, it's filled with such great ideas and inspirations. Also, you look a little bit like Nina Conti in your profile photo. Very pretty!

    ReplyDelete
    Replies
    1. Hi Fiona! Somehow your comment slipped through the cracks. I do know how to get rid of the borders. Shoot me an e-mail if you're still working on this!

      littlelucktree@yahoo.com

      Delete
  4. Thank you soooooo much!!!!!

    You're post were the only one I have found that helped!!

    ReplyDelete
  5. ahh finally!! thank you so much:)
    xx Kate

    http://style-department.blogspot.com

    ReplyDelete
    Replies
    1. I'm so glad it helped! Your site looks great!

      Delete
  6. hi! thanks for the tips! i was wondering why my pics are showing as aligned in the blog post while before i publish it but then when i preview it to make sure it's correct, it doesn't show them as aligned. any suggestions? thanks again!! :)

    ReplyDelete
    Replies
    1. When you check the html, look for items such as:

      imageanchor="1"
      style="margin-left:1em; margin-right:1em"
      border="0"

      I delete those because I don't want any padding around my image. Try removing similar lines and see if that helps!

      Delete
  7. How to Make All Images the Same Size Automatically on Blogger


    http://girldoesgeek.com/2012/02/how-to-make-all-images-the-same-size-automatically-on-blogger.html

    ReplyDelete
  8. wow! thanks for this! very useful! :)

    ReplyDelete
  9. THANK YOUUUUUUUUUUUUUUU!

    http://noavyscupcakes.blogspot.com/

    : )

    ReplyDelete
    Replies
    1. De nada! Me gusta ayudarte--y me encanta "Noavy's Cupcakes"! Que preciosa!

      Delete
  10. How do I do this without having my horizontal pictures all distorted because they get shortened?? Does that makes sense?

    ReplyDelete

Related Posts Plugin for WordPress, Blogger...