Create Hyperlink to Open in New Window

When you add a link, or hyperlink, in a blog post to an external site, readers will leave your blog when they click on the link. If a visitor leaves your site, they may not return.

Therefore, some think it's a good idea to change the HTML for the link to specify that you want the link to open in a new browser tab. Others disagree on this tactic, but here are instructions for opening a link in a new browser tab or window.

When creating a new post with the modern templates, you can choose one of two modes: Compose and Edit HTML. To create a link from Compose mode, you first type the "clickable" text you want displayed in your post, then highlight it, click the "Insert Link" icon, and enter the URL address.

If you click the "Edit HTML" tab and look at the hyperlink, it has the following syntax. We will use a link to this tutorial website for an example:

<a href="https://www.keynotesupport.com">The Keynote Support website</a>

The hyperlink is wrapped with the HTML anchor tag. It begins with <a> and ends with </a>. Let's take the mystery out of the HTML for a hyperlink so you will feel comfortable editing it.

Notice that the opening anchor tag, <a> has a lot of verbiage between the "a" and the >. That is because the link address is specified here. It begins with the href attribute and is followed, in quotation marks, by the actual URL address which, in our example, is: "https://www.keynotesupport.com"

Then you will notice the text right before the </a> tag. This is the "clickable" text that you typed in Compose mode. This text displays in your blog post in a different color and may also be underlined - depending on your template.

To tell Blogger to open a link in a new window, you have to add target="_blank" to the HTML. If we added the target attribute to our example link, it would look like the following:

<a href="https://www.keynotesupport.com" target="_blank">The Keynote Support website</a>

So, to make a link to an external site open in a new window:

1. Get into Blogger and edit the post.
2. Click the "Edit HTML" tab and find your hyperlink.
3. Insert your cursor right after the closing quotation mark of the URL address and, after pressing the space bar, type the following: target="_blank"
4. Click Preview. Now click the link. If you edited the link successfully, Blogger will open the link in a new window. If you did not edit the link successfully, you will either get an error message or Blogger will ask "Are you sure you want to navigate away from this page?" Click Cancel and fix your editing error.

►  Take a look at some of our other interesting posts, such as How to Remove Image Borders in Blog Posts