How To Open Links In New Tabs (Blogger/Blogspot) ~ The 9ja Geek's Journal

October 24, 2011

How To Open Links In New Tabs (Blogger/Blogspot)

10/24/2011 Don Caprio No comments

I don't expect probloggers or anyone with basic HTML knowledge to find this post particularly exciting but if you happen to be a new blogger with absolutely no idea on HTML coding, then you definitely need it. When you insert external links into your blog post, it might be just a way to drive your own visitors away to other sites without knowing. In blogger, the easy Compose mode allows you to insert external links inside your blog post but this link will open on that same page. There are two ways to prevent this from happening: using a certain HTML code while writing your blog posts or inserting a single line of code into your blog's head section.

Using HTML While Composing Blog Post

After inserting the link in compose mode normally, switch to Edit HTML mode and find the link you added.

Assuming you added a hyperlink as http://www.doncaprio.com with the anchor text being The 9ja Geek's Journal, you should see this in Edit HTML mode:

<a href="http://www.doncaprio.com">The 9ja Geek' Journal</a>

To make this very link open in a new browser tab, edit it to look like this:

<a href="http://www.doncaprio.com" target="_blank">The 9ja Geek's Journal</a>

As you can see, you only need to add a space and the piece of code shown in red after the link in Edit HTML mode.

Inserting Code In Blog Head Section

I don't like this method that much because every link opens in a new tab including labels, header links and so on. It might be useful though if you have rather too much external links on your site.

-Go to Design > Edit HTML

-Find this code:

<head>

-Right below it, paste this code:

<base target='_blank'/>

Now save your template. All links on your blog now opens in a new window/tab but I personally don't like this method. I prefer the first one but the choice is actually yours.