On Posting Images and/or URLs
The image posting part of this tutorial has been moved to a seperate page for technical reasons. Click here to view it.

Posting a Link

Some of you use HTML in the chatter, which is fine. The problem is you don't target your link, and it then opens in the chatter window. Here's how to do it properly (I do this in comments and journals too):

<a href='http://www.example.com/page.html' target='_blank'>link name</a>

target= tells the browser that this link is intended for a new window (or tab if you have Mozilla set up that way). It's a good thing, really.

additions
glitch p-udding: my 2 cents:  
 
1. if you shrink one dimenison, the other will automatically shink @ the same ratio. so if you want to shrink 800x600 down, cutting the 800 to 400 will automatically cut the 600 to 300. so you so you generally only need to choose width or height...not both.  
 
2. just use /link in the chatter....there's really no good reason to use html code in there.  
 
i'm thinking it might be a good idea to have auto image resizing in the new lf.  
 
otherwise, thanks for taking the time to make this info available to the community.
deathburger: hmm.. resizing one aspect always leaves the other at the original size for me. *shrug*

I use href in the chatter all the time, like if I want to say something a certain way and have the link be one or two specific words at the end.. but I always use target= too.

Another addition I forgot.. some of you have asked on several occasions how one goes about making an image into a link. It's really quite simple, where you'd normally put the text for the link, you put an image tag. You can put text along with it (I often do). Example:

‹a href="http://www.example.com/page.html" target="_NEW"›‹img src="http://example.com/image.jpeg" alt="short desc" title="long desc" width=200 height=150›‹br›This would be an image with this text below it, all of it a link.‹/a›

hmmmm
glitch p-udding: testing to see if my resizing statement is true:  
 
no width or heigh statement:  
 
 
width=100, no height.  
 
 
 
 
works for me.
deathburger: huh. Well, figures it works for you. ;P Shows up properly resized.

It may not work that way in older browsers though, I still advise and will continue to use both height and width..

clu: Another reason to include both: As the page is loading and the browser is figuring out how to layout out the page, it'll automatically make space for the picture before the graphic is fully downloaded. Otherwise, when the picture is fully loaded, the web page has to alter it's layout.
clu: Another reason to include both: As the page is loading and the browser is figuring out how to layout out the page, it'll automatically make space for the picture before the graphic is fully downloaded. Otherwise, when the picture is fully loaded, the web page has to alter it's layout.
clu: doh! double doh!
deathburger: I don't mind the extra XP.. double post on all mine, don't bother me a bit. ;)
This journal...
darkstar: ...has been included in the Electric Otterella Index.  
 
Thanks for the contribution, deathburger and all who've commented!
deathburger: Woohoo! I'm famous! I'd like to thank the academy...
Small Update
deathburger: Ok, you can copy & paste the examples to use them as a template now.

If you use &gt; and &lt; in a post, you can't "preview" - or if you do, you have to use the browser back function, else it'll try to render it as markup.

deathburger: I say to use "_NEW" - it works, but everything with that as a target will open in the same new window.  
 
To have each one open in a seperate new window, use "_BLANK" instead.