Tag: images_online

Adding images to your blog post

A picture is worth a thousand words or so the old saw goes and it is certainly true that an image can greatly help the look of a blog post.

Several people have asked me recently how to add images to blog posts so I thought I’d put up a blog post explaining how I do it in case it would be useful for others.

I store my images online on Flickr. When I want to use an image in a blog post I use the copy of the image which is stored on Flickr. This has the advantages that:

  1. it saves me diskspace from my hosting account,
  2. it saves me bandwidth from my hosting account and
  3. it is easy because Flickr provides the code to use the image from their site!

Being a simple soul, I like it when things are made easy for me.

How do I do it?

Well, click on the image you want to use in your Flickr account. If you don’t have a Flickr account, get one! A free account will allow you to upload 200 images and if you need more than that it costs around $25 p.a.

Once you have selected your image, click on the All Sizes button above the picture.
All Sizes button in Flickr

This brings you to the Available Sizes screen. Here you decide which image size you want in your blog post and select it. I generally go for images around 500 pixels wide (although the one selected below is 240 pixels wide).

Flickr's Available sizes screen

When you select the size you want, the code required to place the image in your blog post is in the field under:

1. Copy and paste this HTML into your webpage:

Copy and paste that code into your blog post et voilà, you now have an image in your blog post.