Kent Pitman

Kent Pitman
Location
New England, USA
Title
Philosopher, Technologist, Writer
Bio
I've been using the net in various roles—technical, social, and political—for the last 30 years. I'm disappointed that most forums don't pay for good writing and I'm ever in search of forums that do. (I've not seen any Tippem money, that's for sure.) And I worry some that our posting here for free could one day put paid writers in Closed Salon out of work. See my personal home page for more about me.

MY RECENT POSTS

MARCH 21, 2010 9:25PM

Inserting Hyperlinks at Open Salon

Rate: 35 Flag

People have asked about how to create hyperlinks here at Open Salon. (A hyperlink is a clickable region of text.) This is a quick tutorial just for that and nothing else.

There are, sadly, about a half dozen different input contexts that you might need to do this in and the rules differ slightly for HTML in each of them. That makes explaining everything harder. For example, you can't use hyperlinks at all in OS's private mail (sometimes called “PM”) system. But in a number of other contexts you can use the techniques here.

Inserting Hyperlinks in Comments

If you want to make a comment with a hyperlink, like this:

See my blog page for details.

You want to type this into a comment box:

See <a href="http://open.salon.com/blog/kent_pitman">my blog page</a> for details.

That is, you want to start your hyperlink with this textual marking:

<a href="put URL here">

and finish with this textual marking:

</a>

Everything in between those two things is a hyperlink to the URL you have placed where it says “put URL here”.

Debugging Tip: The quotation marks in the start must be straight quotes ("...") and may not be the fancy curly quotes (“...”) or it won't work.

The hard part is believing it will work. There is no preview. There is no undo, although if you make a real mess the thread owner might be willing to delete your comment and let you try again. There is just holding your breath and hoping it works.

If you want to know more detail about how it works, you can see my HTML tutorial for OS users.

That tutorial does not explain, though, why you can do that in a comment and you can't do other HTML things in a comment. The answer is that the thing that lets you type comments sweeps over your comment and removes all HTML except a specific set of things, and the anchor markup is one thing it lets go through.

Inserting Hyperlinks in Posts

If you were to do this in the blog post editor, by contrast, it wouldn't work. Your post would come out looking just like that, less-than and greater-than signs would probably appear visibly rather than turning into a hyperlink. But if you clicked on the little HTML icon in the post editor, you'd enter a place where you could type HTML. You probably don't want to do that because if you don't know HTML it will confuse you. So the post editor avoids the problem by letting you take text like this:

plaintext

Drag over the part you want to hyperlink and click the icon that looks like a chain link:

highlighted text

You will get a dialog asking for a Link URL. Type the link in that box. You can leave the title blank. Click Insert to confirm.

insert link dialog

Things should now be as you want:

hypertext

 


If you got value from this post, please "rate" it.

Your tags:

TIP:

Enter the amount, and click "Tip" to submit!
Recipient's email address:
Personal message (optional):

Your email address:

Comments

Type your comment below:
Wow, I really needed this. Thank you very much!

let me practice:

coveryourass
Thank you Kent. I have attempted to explain this, and have an email on the subject, but this is much better.

Personally, I have trouble with fonts. That is, the logic in the OS editor function seems to want to mess up my attempts to set font standards.

It seems to be hit or miss on that.

Anyway, re hyperlinks -- thanks.

Rated.
In a separate window, I always open the page to which I will link, then "Ctrl C" (copy) the url from the address bar - then use "Ctrl P" (paste) when I get to the little screen asking for the url - that way, I don't have to write it all down or risk errors in a retype - then it knows exactly what it wants to see.......That's my method .... Thanks for the tutorial - I didn't know this about putting urls in comments though, so huge thanks, Kent!
Whoops, I fixed a critical typo in there just now. Anyone who rushed to try it and had a problem might want to try again since one of the examples had some stray text. Please report any other problems. It's very painful to put in instructions like this because Open Salon's tools don't anticipat meta-advice and try to “correct” the fact that I'm showing HTML by instead turning some of it into HTML, but it does it badly. (I've reported the bugs—there are several—but they have never fixed them.)
Amanda, glad to help. :)

Nick, I think there's some info on fonts in my full HTML tutorial for OS and additional info in my CSS tutorial for OS.

Travellini, yes, cutting&pasting URLs is safer than typing them.
I certainly got value from this and, even though I think it's tacky to say, I will certainly rate this. Thanks very much for the lesson. I take it that this also works for posts?
Thank you. I really appreciate you taking the time to write this.
R
Abrawang, the second part tells you how to do it for posts. The stuff in the first part (the actual markup) will not work in posts unless you do it in the HTML editor, which unless you're familiar with HTML, I don't usually recommend.

But if you do it by accident in a post, you can exploit a stupid bug in the way Open Salon does things by doing the Save Draft and Preview command and then doing Edit. That should leave your text unaltered, but due to Open Salon thinking it's being clever, it goes ahead and processes the markup.

(Many think this is dreadfully helpful, but for people like me who write posts that try to show you HTML, it completely mangles the post if I ever use Edit. I have to resubmit the HTML text from scratch every time I do an edit here because doing Save Draft and Preview is not safe to return to edit on a post like this. If this parenthetical paragraph makes no sense to you, just ignore it.)
Donna and Placebo, you're welcome. I hope it helps!
Hi kent,

Thanks! Could you add "os user manual" as a tag too?
Done, Kelly. Thanks for the reminder—I'd meant to do that and it fell through the cracks.
"The hard part is believing it will work."

Truer words were never written! Putting HTML in a comment is always a leap of faith... :-D
Eric, looks like your link was successful.

Norwonk, yeah, you'd think they'd work on something like preview mode rather than on things like more efficient ways to automatically import drek from other sites.
thanks, Kent, this is always timely. I often forget how to do this and end up searching for the instructions, which I know have been posted again and again here and elsewhere. Now, I'm going to bookmark this page so I know where to go next time.
Token, yeah, that's actually a bug. See my parenthetical remarks to Abrawang upthread. But you're right, it does work. I just hope they fix it because as convenient as it is for people who goofed, it's devastating to people who didn't goof. It completely trashes posts that contain stuff that is intended to be visible as markup.

Eric, HTML is standardized and this is standard HTML, but a subset of it. Most of the frustration is around the fact that other HTML does not also work.

Cindy, Scupper, and ttfn, I'm glad you found it helpful.
I appreciate your generosity with your HTML knowledge. Thank you and Rated!
A very helpful post. Thank you Kent

{[R]}
Roger, thanks for the words of appreciation. I keep trying to deal as constructively as I can with this site in spite of my vocal disappointment in how the site is being managed at present. I won't exactly be holding my breath for kudos from management about this—I don't recall them ever saying thank you for the other pieces I wrote on HTML for OS and CSS for OS—but it helps that regular old users appreciate the effort.
Thanks, Kent. You are a dear.
RATED
Thanks for the reference material. It would be nice if this kind of material could be easily accessed in a popup window on the site.
Larry and Unbreakable, you're welcome.

Mishima, it might not surprise you to know that I can't ever figure out what The Powers That Be will do or why. I suggest bookmarking it, but agree with your implication that such is of no help to new users who might not know there was help there. I've also added it to the standard links on my blog page so people can find it there easily if they lose track.
ThankyouThankyouThankyou and please don't go away and tear this down before you go. I'm putting it on my page as a hyperlink.
I know that I haven't really walked into a sci-fi wonderland. At least I think I haven't. Have I? Part of me really wants to understand this because I know how easy it makes it for me to move from one place to another if I want to follow what the author suggests. Part of me prepares to run away screaming! Part of me knows I can find your post should I ever try to jump in to these waters. Part of me remembers just to breathe. Good to know you are here!
Thanks for this, Kent. I think I've finally gotten the hang of using the few bits of html that are most useful to me :) But even as I say that I know that if I had to insert a link here, I'd have to scroll up and check your post again.

I advise doing what I'm going to do, folks: print this out! That way you won't have to go looking for it later when you want to insert a link.
Good and useful post! All I need now, is for somebody to tell me how to design a banner for my blog!
Gabby, I have no immediate plans but probably it will not be as dramatic as all that. Most likely I'll just fade into the woodwork. But we'll see.

Anna, you're right, it's exactly about allowing flexible navigation. If you enjoy text offering that, you'll perhaps one day want to provide that sense to someone else. Don't force it, but know that the means is available to do that when you have a goal that needs it.

Susan, printout definitely works. Good suggestion.

RW, banners are just images of a certain size, so the trick is having an image maker. I don't have a tutorial on that and not likely to make one, in part because the differences in available tools means there's no standard way to describe what to do. Maybe find someone with a banner you like and ask them how they did it...
I really should write down the instructions. lol.
I can't tell you how many times I keep coming back to this.
well... I guess I can.
I just did.
Thanks! Linnnnn sent me here. Printed it out. Rated!
Hope some new OS folks find their way here...
AB, I've had to remove a few spammers. I wonder whether this page taught some of them how to irritate us, but what can one do? Technology is so double-edged that way.
It's been quite a while since I've needed to use any of this, so many, many thanks for the easy-to-understand refresher courses!