How to insert images using URL codes

FIRST: Learn how to write a blog post.

The Monthly Stitch blog has a limited amount of free server space so we ask that you only upload one image for you post as the feature image and all other images in your post should be inserted using the image URL code from a photo sharing site such as Photobucket, Pinterest, Flickr, Picasa, etc.

Remember: if you have already published a post on your personal blog (WordPress/Blogger) you can copy that post instead, images and all, over the TMS and then edit before publishing. It’s a lot faster and means your images are stored on your personal blogs server space and not ours ūüôā –¬†follow¬†the instructions at the¬†bottom of this tutorial.

I like to write the bulk of my post first and then insert my images last but after you get a bit of practise feel free to write and insert URL images however you like.

  • Position your cursor where you would like your image to appear
  • Click on the “Add Media” button
  • Click “Insert from URL”
  • In another browser tab navigate to your chosen image. It might be on your own personal blog or on a photo¬†sharing site such as Photobucket, Pinterest, Flickr or Picasa.
  • Right click on your image and select “Copy Image URL” or “Copy image address”

  • Flickr users – you need to right click on your photo and select the size you want (‘Medium 500’ is a good width, or you can choose a larger size and edit it smaller later)

  • Then you can right click and Copy Image URL

  • Now flick back to The Monthly Stitch tab and paste the URL code into the box as shown below
  • Your image will appear and you can now chose a few options such as the image alignment and image linking option.
  • When you are done click the blue “Insert into post” button

  • If you click on your image again, a few new options pop up.
  • You can now grab a “handle” at the corner of your image and drag to resize. When you publish your post WordPress will automatically scale you image to fit the¬†width of the page but you might like to resize the image yourself. Drag the handle until you are happy. A black box appears as you drag showing you the image size in pixels, you can use this as a guide to make all your images the same size.
  • 500px wide is a good minimum width.¬†You can preview your post later and then resize the images until you are happy.

  • On the left of your image are the advanced options (the pencil) and the delete (‘x’) buttons
  • Click the advanced option button if you’d like to add some information about your image
    • Give you image a caption if you like
    • Align your image (center looks best)
    • Decide where the image¬†links to when clicked: None, Image URL (the full size image) or Custom URL (link back¬†to a relevant website)

  • Click “Update” when you are done
  • You can continue writing now or add more URL images – the more images the better – we love seeing your work!
  • For more image insertion help take a look at this WordPress tutorial
  • For more image settings help look at this WordPress tutorial

NEXT: Learn how to upload a feature image to your post.

Join the conversation! :)

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s