HTML Tip: Open a Link in a New Window

{A pretty picture from my holiday}

Sometimes when you click on something online, you go to the link in the same window you have open. Other times the link will open into a new window. Did you know that you can make that happen?

Why would you want the link to open in a new window?

 

• your reader doesn’t leave your blog
• you might have a couple of links together that the reader might want to open
• you might have internal links stay in the same window, but external links go to a new window
  • internal links are links within your own blog
  • external links are links to other websites

So how do you make them open in a new window?

 

Add this snippet of code to your HTML:

target=”_blank”

So a link to B’s cute new blog would have code like this:

<center><a href=”http://bbeingcool.com” target=”_blank”><img src=”http://bbeingcool.com/wp-content/uploads/2012/01/Blog-Button-.jpg” alt=”http://bbeingcool.com” width=”125″ height=”125″ />

And would produce this – click to see where you go:

Want to be even more clever? You could create a Pop-up window with a little javascript using this code over at Quackit.

I’m no expert but I’m happy to share the snippets I’ve learnt.

What else “bloggy” can I help YOU with?