I use the one that says "HTML (website / blogs)" -- the relevant code is right below the identifier. Of course, I also use the plain html interface on Dreamwidth, but I think the code should still work even if you're using a rich text interface, at least if you format the thing as a link. (I don't know how rich text interfaces handle images on their own.)
That not only posts the image; it turns the copy of the image on my journal into an active link back to the version of the image on imgur. If you don't want that to happen, I'd strip out the <a href="your_image_URL"> and </a> parts and leave only the <img src="direct_image_URL" /> part. You can also take out the title="source: imgur.com" part with no ill effect, which I generally do. If you want to get fancy, you can force the image to display at a chosen size by including width="###" height="###" where the 'title' part currently is (just replace the hashtags with actual digits), and add an alt description which will show up if the link breaks, like so -- alt="description goes here" -- which usually comes after the height and width parts. (I think alt descriptions are also relevant to people who use screen readers, but I wouldn't swear to that.)
Disclaimer: I am not a programmer and my html knowledge is a patchy jumble that I picked up here and there on an as-needed basis, so I cannot tell you how any of the code operates, nor why it sometimes fails to work.
no subject
For instance, the code imgur provides for the last image in this post is <a href="http://imgur.com/q1LJBw5"><img src="http://i.imgur.com/q1LJBw5.jpg?1" title="source: imgur.com" /></a>
That not only posts the image; it turns the copy of the image on my journal into an active link back to the version of the image on imgur. If you don't want that to happen, I'd strip out the <a href="your_image_URL"> and </a> parts and leave only the <img src="direct_image_URL" /> part. You can also take out the title="source: imgur.com" part with no ill effect, which I generally do. If you want to get fancy, you can force the image to display at a chosen size by including width="###" height="###" where the 'title' part currently is (just replace the hashtags with actual digits), and add an alt description which will show up if the link breaks, like so -- alt="description goes here" -- which usually comes after the height and width parts. (I think alt descriptions are also relevant to people who use screen readers, but I wouldn't swear to that.)
Disclaimer: I am not a programmer and my html knowledge is a patchy jumble that I picked up here and there on an as-needed basis, so I cannot tell you how any of the code operates, nor why it sometimes fails to work.