Saturday, January 28, 2012

Blog Site: Tip .#11--BLOGGER INTERNAL LINKS not Working

INTERNAL LINKS allow your Blog readers to quickly jump from one section of a particular post to another section (part) of the same post. And, Internal links should be used for lengthy posts.

Although I, and many others, know the very simple HTML code needed to produce Internal Links, after I was done creating (composing) a Blog post and had published it, I clicked on one of my Internal Links to test it and found that it did not work. My links were not jumping to other sections of my post, instead they jumped to the post's Posting>Edit Posts page (Edit HTML and Compose page). Due to a Blogger glitch with its Edit HTML and Compose Editors, post Internal Links get corrupted and will not work properly. Internal Links must be inserted in to a post after it has been published by going back into Postings>Edit Posts, and clicking on Edit HTML.

When I clicked on Edit HTML to check my Internal Links I noticed that this: http://www.blogger.com/post-edit.g?blogID=a series of numbers followed by&postID=another series of numbers, had been automatically added in to (inside of) my links by blogger.com. This is exactly what you will see, too, in the URL web address bar of your browser while you are composing a post.  However, there is something missing inside of one of every pair of your post's Internal Links, and that is the post page URL web address ending in .html.

You want your readers directed to your post's web page (to its browser URL web address ending with .html) not to its Edit HTML and Compose page. To do this you will have to first compose and publish the post then copy and paste its  .html URL, from your browser's address bar, inside of one of every pair of Internal Links (always inside of the <a href=> link). This is the .html browser URL web address of this (my) post page: http://pamelaparr49.blogspot.com/2012/01/blog-site-tip-11-blogger-internal-links.html, that I inserted into my <a href=> link.

Firstly, I will create an Internal Link from the top of this post that will automatically (jump) link to its identical Internal Link below at its other post section location. To link from and link to a section of a post (or web page) you must use two (a pair of) html link anchors. The 'link from' anchor is <a href=> and the 'link to' anchor is <a name=>. You must also give the link anchors a name, and the anchor name must be identical for the link from and the link to, and for the first link we will use the name: postlinkone. The anchor name for both Internal links is placed inside of the quotation marks of both Internal Links as so <a name="postlinkone"> and the other is <a href="#postlinkone"> (do not forget to include the number sign #, just after the first quotation mark for the <a href> link).

A post's Internal Links also include link text (meaning a word or phrase that you've typed in to your post). And, the post link text that I will use for the first Internal Link is: jump from one section (found at the top of this post in the first sentence) as the link from and the exact link text jump from one section as the link to its post section location below. NOTE: The text of the Internal Links must contain the exact word or phrasing (words and other characters such as punctuation marks or numbers) or they will not work. Also, you must always place </a> at the end of post Internal Links text.

This is the exact section where my first Internal Link: jump from one section (the exact phrase found at the top of my post in the first sentence also with orange letters) will link to. To test my link yourself , just scroll back up to its location at the top of this post, click on it and you will see that it does indeed jump to its location here. 

After deciding what post Internal Link text (my link text is: jump from one section) you want to use to link from then to, follow the example steps (1) and (2) below to create your own post Internal Link(s). Click on Edit HTML to scroll to the text where you want the links <a href=> (link from) and <a name=> (link to) to be and create and insert them using the following format:

(1) This is my link from: 'jump from one section' (in my first sentence at the top of this post) in its entirety: 

<a href="http://pamelaparr49.blogspot.com/2012/01/blog-site-tip-11-blogger-internal-links.html#postlinkone">jump from one section</a>

NOTE: As I stated earlier, I had to first compose then publish my post to be able to copy and paste its browser URL .html web address: http://pamelaparr49.blogspot.com/2012/01/blog-site-tip-11-blogger-internal-links.html, inside of the <a href=> link in the blogger.com: Posting>Edit Posts>Edit HTML Editor. 

(2) This is my link to: 'jump from one section' (at its other post section location) in its entirety:

<a name="postlinkone">jump from one section</a>

Very Important: After inserting your Internal Links into Edit HTML, before republishing the post by clicking on the Publish Post button, always make sure to still be on the Edit HTML screen, do NOT click on Compose, because of the  blogger.com glitch that will corrupt your links. After republishing the post, click on all of your links to test them and if they aren't working it is only due to incorrect formatting such as an omitted quotation mark or the # sign, or a misspelling. Go back into Posting>Edit Posts>Edit HTML and make certain that you have correctly formatted your <a href=> and <a name=> links exactly the way that they are formatted in my above Step (1) and (2) examples.

Sometimes when you go back into a post to edit (add more content to it or to change formatting, etcetera) your <a name=> Internal Link will get corrupted even if you are on the Edit HTML screen before republishing a post. Always retest your links after every post edit. You will know that your <a name=> link has been corrupted if it jumps to your Posting>Edit Posts page. This is how to fix the <a name=> link:

Go back into Posting>Edit Posts>Edit HTML, scroll to the <a name=> link and delete everything inside of this link then re-enter the link exactly as you originally did using Step (2) above as: <a name="postlinkone">. While still on the Edit HTML Editor screen (do not hit Compose) click on the Publish Post button and when you test your link(s) you will see that they are working correctly again. 

HINT: If you create a second Internal Link you must give its pair of anchors: <a href=> and <a name=> a different name from the first link's anchors named postlinkone. For example, name the second pair of link's anchors postlinktwo, the third link's anchors can be named postlinkthree, etcetera.

NOTE: Because I was logged into blogger.com when I clicked on one of my post's Internal Links to test it, that did not contain the .html post URL web address, the link automatically jumped to the post's Posting>Edit Posts page (Edit HTML and Compose page). If you are not logged into blogger.com when you are testing one of your Blog post's Internal Links (that you have not yet inserted the necessary .html into) you will see that the link jumps to the blogger.com Sign In page, not to a section of your post.

NOTE: You can also contact me with any of your computer related questions via my cnet.com profile at this link: www.cnet.com/profile/pamjparr/, then just click on: E-mail Pamela j.













Your Reactions:

0 comments: