HTML Code for Hyperlink, Link in New Window and Hyperlink Definition

Hi bloggy readers,
Hyperlink or link is a basic function of HTML code that becomes the most important thing for all the bloggers and internet marketers for generating lots of benefits, especially money. But do you know about the history of link or hyperlink on internet. Okay, before proceeding to the content of this article, let me give you first the definition and history of hyperlink in the simple paragraph.

Did you know that the term hyperlink or link was found when Ted Nelson and his assistant was doing a Project Xanadu in 1965. Inspired by Vannevar Bush’s popular essay, “As We May Think”, Nelson thought that Bush description about a microfilm-based machine that could link to any page of information and scroll back and forth among pages could be transformed in the computer context. And after that, hyperlink had been implemented by Douglas Engelbart in 1966 for scrolling and also connecting within a single document.


In my own words, i can define that hyperlink or link is a connection tools that will explore from one page to another page using the texts or pictures as a media connection. The main function is, of course, to "jump" from one page to another page using texts or picture where it has been set. Okay, if you still don't understand with my own words, look at the picture below!

That is what we call as a link or hyperlink. In mouse cursor, hyperlink will be shown as a hand symbol that will allow us to leave the current page to another page or certain documents. So, if you see the mouse cursor on your computer is changing into the hand symbol, that is when the hyperlink function appears on the document or web page you're currently browsing.


In the New Post editor in Compose mode/tab, we are served with variety of buttons. To make a hyperlink, firstly, you must mark/block the words or point the image, and then by clicking the Link button on the New Post navigation bar, you will be prompted with the option regarding what landing web page or documents that we want to assign on the words/picture we've already blocked.

By switching to the Edit HTML mode/tab in the New Post page, hyperlink will be shown as the code below:

For example, if we want to make a hyperlink to other website using a URL address http://www.whatmakesblog.com, and then we want to use the words "Tutorial for Bloggers" as a title that later will be used as a media connection to jump to another web page, the hyperlink code should look like this.

Anyway, the code above is a hyperlink code with a normal function, where we can jump to another page using the same window. Some of the bloggers decide for not using that kind of hyperlink, because if the readers go to another page, it's possible that, they wont be back to our blog. That's why we usually use a blank page or blank window, so the readers can reach to other page without leaving your blog. Okay, by adding a specific command target="new" inside the a href attribute, you're about to make a hyperlink that will open the other page on a new window.

In this post, i just want to show you how exactly to customize the hyperlink we assigned. This tutorial is just for a practice tutorial not the other practical tutorials i've already shown you before.


1. Log in to Blogger
To begin this tutorial, now go to Blogger.com and Log in to your Blogger account.

2. Create a new post
In the Dashboard, pick one of your blogs and then press the button New Post. By pressing this New Post button, we will prompted with the new page on creating new article. As you can see in the New Post navigation bar, in the middle position, there is a button called Link, now press that button.

3. Fill the blank text box
After pushing the Link button, we will be prompted with a new small window. In this new window, we will be able to assign the letters or sentences as a hyperlink. Now fill the Text to display empty box using the words My Blog, and also, fill the empty text box of Web address using the URL address http://www.blogger.com.

Anyway, you can also use your email address that later, will be assigned as a jumper to the Microsoft Outlook email compose. Okay, now press the button OK. As you can see in the Compose tab, the words My Blog will be automatically shown in the underlined text and will be assigned as a jumper to a web page www.blogger.com.

4. Configure the hyperlink into the
By switching the tab from Compose mode to the Edit HTML mode, we will be able to configure the hyperlink we've already created. Okay, now add the code target="new" into the link code. Look at the example below :

As you can see above, the code target="new" indicates that the hyperlink will jump to another web page in the new tab/window, not in the same window.

Okay, hope this simple tutorial can help you all.

Good luck bloggers!