Anchor Links within a post

ANCHOR LINKS


My friend, the Nitecruzr, once told me; "Anchors are simple - make an anchor - and link to it!" Of course, then he told me about the W3 School and gave me the link to find out, myself! He was correct, though! They are.

It is important to know how to link from one specific point in your post, or a specific theme/word in your post, to something in another part of your Blog post.

With me so far?

'Internal' anchor links work especially well, when there is a lot of information on a page, or sections of a page, and you wish to refer the reader back to a previous point.


Unlike URL Hyperlinks, to make Anchor Links, you have to use the HTML Editor, as opposed to the Compose, or WYSIWYG (What You See Is What You Get) Post Editor, to 'set' the 'anchor tag'...

<a name="Linkhere">Linkhere</a>

The 'Triggers', or 'HyperLinks', to the Anchor tags, look like this:

<a href="http://blogging.robertosblogs.net/2009/07/anchor-links-within-post.html#Target Anchor Word

Let's say I want to link back to the first part of this post, to the word - ANCHOR - at the top. The first thing I do, is to set the 'Target', if you will, - the Anchor point. That looks like this:

<a name="ANCHOR">ANCHOR</a>

and I place it, by typing it into the 'HTML' Editor, as the following image shows ...




Then, I link to it by selecting a word to use as a hyperlink - say, from <HERE>

The hyperlink tag will look like this:-

<a href="http://blogging.robertosblogs.net/2009/07/anchor-links-within-post.html#ANCHOR">HERE</a>

Or,

An easier, less complicated version, is to do away with the URL, and simply use the 'hash #' sign. Let me show you.

Your anchor, which, in this case, is the word 'Internal', from the fourth paragraph above - would look like this: <a name="Internal">Internal</a> - and your hyperlink to it, would look like this: <a href="#Internal">Internal</a>

See the hash # ?


Another one might be to link back to the paragraph where I mentioned WYSIWYG.

I've set the anchor, <a name="WYSIWYG">WYSIWYG</a>

and here is the link -

<a href="http://blogging.robertosblogs.net/2009/07/anchor-links-within-post.html#WYSIWYG">here</a>

Sans URL would be: <a href="#WYSIWYG">here</a>

N.B. - As the owner of the Blog, you should know where your Anchors are. If so, then you can also access them from 'outside'. In other words, you can link to the salient 'tags' from another Blog, or post, with the correct Hyperlink URL - as above. For example, I know where a 'tag' is in my Photos Blog, for Hong Kong Harbour. Click <here>.

There you have it. Internal Anchor Links - a vital weapon in the armoury of a busy Blogger.


TOP