Refresher Course On Formatting Posts And Post Images

I know everyone is sick of meta, but…

It’s very important that any image included at the top of your post is properly formatted. Otherwise it won’t show up properly as a thumbnail down below, and could possibly throw off the formatting of other posts near it.

It’s also important that “more” tags are placed after one or two lines or short paragraphs on all posts. This is because I’m shooting for a sort of uniformity on the front page that brings a particular aesthetic to the site. In order for it to work, everyone has to play along.

As always, any questions or help can be directed to me and I will try to get to it. I was on vacation last week so I was pretty much out of touch, but I tried to drop by and do little fixes.

So, in a nutshell, here’s how you insert a picture now:

How To Insert An Image At The Top Of Your Post

All images must be uploaded to the site. We cannot hotlink from other sites like Flickr for images at the top of posts. You can do whatever you like for images further down, but for the one image that shows up on the front page, you need to upload to the site.

When you upload you will see this:

Refresher Course On Formatting Posts And Post Images

Notice the Link URL I have circled. This is the important part. Copy this right away. Do not click “Insert into Post.”

If you insert into post this throws everything off. Simply copy that URL and then close the window.

Next you need to scroll down a tiny bit below the place where you write your post and you’ll see a box called Post Image, that looks like this:

Refresher Course On Formatting Posts And Post Images

All you need to do is insert the link you just copied into that box and you’re done. The only time you will change anything is if you want to insert a larger image and center it at the top of the post (as opposed to a smaller image that sits to the left of the post.) Then you’ll need to change the settings just below the Post Image box you just copied into.

Image Sizes

When you download an image, prior to uploading it to the site you should use a program like Paint (or an online service like Pixlr) to change the size of the image. For images that sit to the left, this should be approximately 300 pixels. For images that sit at the top and are centered this should be approximately 600 pixels (and no larger than 640 pixels.) Again, this should be done prior to uploading.

If you want to caption an image or credit an image please do so at the bottom of your post as this formatting style does not allow captions below the image itself.

Insert “More” Tag

To keep the front page neat and tidy, all posts should be cut off with “more” tags pretty quickly. The sooner the better. As a rule of thumb, your text shouldn’t go much further down the page than the image included with your post.

Insert Galleries

Another fun thing you can do with a post is insert galleries. Simply upload all the photos you want included and rather than inserting each one individually, you can just click “Insert Gallery” wherever you want in the post and your photos will show up as nice little thumbnails. When clicked on, these thumbnails will pop off the page, like so:

Any other questions please don’t hesitate to ask. I’m sorry this has been a pain in the ass for many of you. Once you get the hang of it all it’s surprisingly easy. Just be sure that whenever you’re inserting an image, that it’s an image file and ends in .jpg or .png or something like that (and is not an attachment or link to a post, etc.)

Thanks for bearing with me, and Happy St. Patrick’s Day!

P.S. I’m also not getting comments to my email. No idea what’s going on…will try to fix.

Please do be so kind as to share this post.
Share

33 thoughts on “Refresher Course On Formatting Posts And Post Images

    • Jerry: See, now, to me, that button is in the worst possible spot.
      George: Really?
      Jerry: Oh yeah. The second button is the key button. It literally makes or breaks the shirt. Look at it: it’s too high, it’s in no-man’s land.
      George: Haven’t we had this conversation before?
      Jerry: You think?
      George: I think we have.
      Jerry: Yeah, maybe we have.

        Quote  Link

      Report

  1. When you have a chance, could you maybe send over some help with how to change the video box in the upper-right corner? I’d like to update my sub-blog’s video from Bach’s Prelude to Cello Suite No. 1 — while it is indeed beautiful, there are some other things Will or I might like to put up there from time to time.

      Quote  Link

    Report

  2. Two notes:

    1. I like how you have it now with the Twitter, Facebook, Subscribe thing in the upper corner, as opposed to an advert, since it’s such a prime spot.

    2. I’ve followed these instructions, step-by-step, three times now and not been able to get a picture in the post. It just doesn’t seem to work for me. I’ve got a two year old Dell, so I don’t think that’s it. I have never been able to insert videos either, following the standard protocol for that too.

      Quote  Link

    Report

  3. So my Road Trip w/ Husky has now marched down the page to div class teasers_box . No thumbnail image, though it obviously shows up in the gallery.   Not sure why at this point.

      Quote  Link

    Report

  4. Hey LoOG,

    Just re-stumbled upon this website yesterday after a little while, and thought to myself, batch image resizing can’t be so hard! And then I stumbled upon this — http://birme.net/

    It’s fantastic.

    Enjoy it.

    Best,

    Jenny

      Quote  Link

    Report

Leave a Reply

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