FHK Computer Lab #5: Adding Hyperlinks (Updated)
February 14, 2008 by Jenn Sierra
Filed under News
Last Update 4/17/08
Welcome back to computer lab. It’s been awhile - we were so busy with CPAC, and with getting the new WWF Facebook group up and running that this fell by the wayside - many apologies. It’s good to be back.
Hyperlinks are the way we get a link to look like this: FHK, rather than like this: http://www.forthardknox.com. Some social networks like Facebook and Digg simply won’t accept hyperlinks, but most blogs and discussion forums do. So if you would like your posts and comments to look more professional, this is one way to do it. For an example, I’ve used a link to FHK’s Australian correspondent, Colonel Robert Neville’s, blog.
If you’re using a WYSIWYG (”what you see is what you get”) editor:
1) Type the text you want to hyperlink:
2) Highlight that text with your cursor (left click and hold down):
3) Click on the “link” in the toolbar above:
4) Enter the url of your hyperlink, and click “ok.”
5) You’re done…your hyperlink should look something like this:
If you’re not using a WYSIWYG editor, your hyperlink will look like this when you’re in edit mode:
Note that whatever is inside the “> <", whether it be text, or a picture, will become the hyperlink.
While you’re in this edit mode, you can also code your hyperlink to open in a new window (this makes it easier for your readers to get back to your article), by adding (minus the brackets): [target="_blank"] to your hyperlink, so it would look like this:

Finally, what if you have a huge url, and you are not able use html code to add hyperlinks? Go to tinyurl.com. Enter your huge url, and it will give you a tiny replacement. Easy.
Clear as mud? Any questions? Do you have suggestions to make adding hyperlinks or delivering these tutorials easier or more fun? Please use the comment section to let me know.
Actually, if you’ve read this at all, I’d be happy to hear from you in the comment section. (Two-way conversations are so much more fun than talking to myself, you know?)
Click here for the FHK Computer Lab Archive
UPDATE: FHK Reader, Doug, author of the Stix Blog, suggested that we add the code for making a hyperlink out of a photo. Again, there are two ways to do this. If you are using a WYSIWIG editor, simpy treat the photo the same way you did the text, above. Click on it to highlight it, and enter your hyperlink url the same way you did with the text.
Here is an example of the HTML code for a photo. (Simply enter your image file text between the > < characters.):

This is how the hyperlink from FHK to the GOP was created from the photo here.


![[del.icio.us]](http://forthardknox.com/wp-content/plugins/bookmarkify/delicious.png)
![[Digg]](http://forthardknox.com/wp-content/plugins/bookmarkify/digg.png)
![[Facebook]](http://forthardknox.com/wp-content/plugins/bookmarkify/facebook.png)
![[Fark]](http://forthardknox.com/wp-content/plugins/bookmarkify/fark.png)
![[Google]](http://forthardknox.com/wp-content/plugins/bookmarkify/google.png)
![[Mixx]](http://forthardknox.com/wp-content/plugins/bookmarkify/mixx.png)
![[MySpace]](http://forthardknox.com/wp-content/plugins/bookmarkify/myspace.png)
![[Newsvine]](http://forthardknox.com/wp-content/plugins/bookmarkify/newsvine.png)
![[Propeller]](http://forthardknox.com/wp-content/plugins/bookmarkify/propeller.png)
![[Reddit]](http://forthardknox.com/wp-content/plugins/bookmarkify/reddit.png)
![[Slashdot]](http://forthardknox.com/wp-content/plugins/bookmarkify/slashdot.png)
![[Sphere]](http://forthardknox.com/wp-content/plugins/bookmarkify/sphere.png)
![[StumbleUpon]](http://forthardknox.com/wp-content/plugins/bookmarkify/stumbleupon.png)
![[Twitter]](http://forthardknox.com/wp-content/plugins/bookmarkify/twitter.png)
![[Yahoo!]](http://forthardknox.com/wp-content/plugins/bookmarkify/yahoo.png)
![[Email]](http://forthardknox.com/wp-content/plugins/bookmarkify/email.png)





You can also post about how to make a link with a picture.
teh title is what you see if you move the mouse over the picture.
and here is one with a title on it
oh the html didn’t come thru
Got it, Stix! Thanks!